Build cloud backends with Infrastructure-from-Code (IfC), a revolutionary technique for generating and updating cloud infrastructure. Try IfC with AWS and Klotho now (Now open-source) Learn more →
Top 23 TypeScript SSR Projects
-
nuxt
Nuxt is an intuitive and extendable way to create type-safe, performant and production-grade full-stack web apps and websites with Vue 3.
Project mention: Help a fellow backend dev chose a frontend framework for his personal project | /r/Frontend | 2023-06-02Nuxt is the best experience you'll have building a front-end JS application — so many bells and whistles with a nice sensible zero-config starting point. Seriously, it's going to save you so much time. 100% Nuxt all the way if your application has even a mild amount of complexity.
-
stencil
A toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards. Stencil components can be distributed natively to React, Angular, Vue, and traditional web developers from a single, framework-agnostic codebase.
You might say that this is the same vicious cycle as JavaScript frameworks. That's wrong, because Web Components are interoperable by design. Choosing Stencil or Lit or any other library is a development convenience that has little to do with the interoperability of the resulting components.
-
Klotho
AWS Cloud-aware infrastructure-from-code toolbox [NEW]. Build cloud backends with Infrastructure-from-Code (IfC), a revolutionary technique for generating and updating cloud infrastructure. Try IfC with AWS and Klotho now (Now open-source)
-
pinia
🍍 Intuitive, type safe, light and flexible Store for Vue using the composition api with DevTools support
Pinia tab is a feature integrated with Pinia, allowing you to view the registered modules and their details.
-
Here's another thing: if you want to grow from this exact setup, use deno. It has support for import maps and don't require a bundler or a separate compilation step for typescript
https://deno.land/[email protected]/basics/import_maps
Maybe add aleph too (which is similar to nextjs)
Deno won't require nearly as much tooling as nodejs, but it still has tooling for the cases you need it.
-
To get started with next-i18next, we need to install the library as a dependency in our project via a simple command (having React and Next installed is also required):
-
Project mention: Having an unusual react-router-dom issue - "Package path ./unstable-native-dependencies is not exported from package" | /r/react | 2022-10-24
I did see this github link https://github.com/jaredpalmer/after.js/issues/49, however I am not using React native.
-
Solid Start a metaframework (think Next/SvelteKit/Remix) is still a work in progress: https://github.com/solidjs/solid-start
-
Appwrite
Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!
-
Ultra is another option if you want to use Deno with React: https://ultrajs.dev
-
React PWA
An upgradable boilerplate for Progressive web applications (PWA) with server side rendering, build with SEO in mind and achieving max page speed and optimized user experience.
-
As I was searching through the codebase and writing the components for my current work ticket, I came across some useful custom hooks from a number of third-party libraries like react-use, usehooks-ts, Mantine. But there are for sure other similar libraries out there such as use-http, react-hanger and many more.
-
Project mention: NextJS app router is complete failure, what alternatives do you recommend for react SSR and ISR? | /r/reactjs | 2023-05-30
vite-plugin-ssr
-
elderjs
Elder.js is an opinionated static site generator and web framework for Svelte built with SEO in mind.
-
-
A quick showcase of UniversalRouter (1.6kB zip) as an "easy" alternative to React Router.
-
Project mention: UseHooks – A Collection of Server Component Safe React Hooks | news.ycombinator.com | 2023-05-30
From what I've been able to tell, that lib is unmaintained and one of the original authors left and created this – https://github.com/react-hookz/web.
A lot of older hook libs "break the rules" of React by doing some weird stuff like silencing useEffects deps array, reading refs in render, etc. We tried to avoid that so useHooks will be future proof.
-
Project mention: That people produce HTML with string templates is telling us something | news.ycombinator.com | 2023-05-26
for sure not suggesting using E4X as it is, JSX has evolved a lot from E4X. For example, as small implementation such as https://nanojsx.io would be a good start.
-
This! If you want to limit double rendering afterwards you could look into something like fresnel to automatically unmount unused breakpoints’ components after hydration.
-
react-multi-carousel
A lightweight production-ready Carousel that rocks supports multiple items and server-side rendering with no dependency. Bundle size 2kb.
-
For SSG use - https://github.com/antfu/vite-ssg
-
next-boost
Add a cache layer for server-side-rendered pages with stale-while-revalidate. Can be considered as an implementation of next.js's Incremental Static Regeneration which works with getServerSideProps.
Thanks a lot for your reply. I will try to implement something like next-boost github to cache responses or check out if there is a better oportunity within AWS. Also I am curious if using app router would fix that out of the box because of all fetch requests being cached.
-
-
Project mention: Is Nuxt 3 the only framework people use for Vue websites? Is there a better alternative | /r/vuejs | 2022-06-26
-
Hmm, you mean something like ESI then?
-
InfluxDB
Access the most powerful time series database as a service. Ingest, store, & analyze all types of time series data in a fully-managed, purpose-built database. Keep data forever with low-cost storage and superior data compression.
NOTE:
The open source projects on this list are ordered by number of github stars.
The number of mentions indicates repo mentiontions in the last 12 Months or
since we started tracking (Dec 2020).
The latest post mention was on 2023-06-04.
TypeScript SSR related posts
- What are the best practices for SSR with Vuejs and express to make SPA?
- NextJS app router is complete failure, what alternatives do you recommend for react SSR and ISR?
- nuxt 3 stack for fullstack
- [Vue Js] Comment se moquer de Pinia pour un composant d'essai d'union avec le plus vibré plus vitreux et le plus
- Vue 3. How to generate a static website?
- VueSSR: Minimalistic wrapper to develop and run SSR Vue apps
- Vite 4.3 – Up to 3x faster dev cold starts
-
A note from our sponsor - Klotho
klo.dev | 8 Jun 2023
Index
What are some of the best open-source SSR projects in TypeScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | nuxt | 45,649 |
| 2 | stencil | 11,658 |
| 3 | pinia | 10,616 |
| 4 | aleph.js | 5,149 |
| 5 | next-i18next | 4,480 |
| 6 | after.js | 4,107 |
| 7 | solid-start | 3,527 |
| 8 | ultra | 2,926 |
| 9 | React PWA | 2,525 |
| 10 | use-http | 2,287 |
| 11 | vite-plugin-ssr | 2,187 |
| 12 | elderjs | 2,065 |
| 13 | auth-module | 1,866 |
| 14 | universal-router | 1,648 |
| 15 | web | 1,291 |
| 16 | nano | 1,244 |
| 17 | @artsy/fresnel | 1,102 |
| 18 | react-multi-carousel | 1,074 |
| 19 | vite-ssg | 1,015 |
| 20 | next-boost | 819 |
| 21 | react-cool-img | 770 |
| 22 | vite-ssr | 737 |
| 23 | react-esi | 647 |
Write Clean JavaScript Code. Always.
Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.
www.sonarsource.com