TypeScript SSR

Open-source TypeScript projects categorized as SSR

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-02

    Nuxt 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.

    Project mention: World Wide Web Wars | dev.to | 2023-06-04

    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

    Project mention: Better DX in Vue apps with Vite Devtools | dev.to | 2023-05-29

    Pinia tab is a feature integrated with Pinia, allowing you to view the registered modules and their details.

  • aleph.js

    The Full-stack Framework in Deno.

    Project mention: Modern SPAs without bundlers, CDNs, or Node.js | news.ycombinator.com | 2023-02-16

    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)

    https://alephjs.org/

    Deno won't require nearly as much tooling as nodejs, but it still has tooling for the cases you need it.

  • next-i18next

    The easiest way to translate your NextJs apps.

    Project mention: Quick guide to Next.js i18n | dev.to | 2023-02-20

    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):

  • after.js

    Next.js-like framework for server-rendered React apps built with React Router

    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

    SolidStart, the Solid app framework

    Project mention: Does solid start support CSR or SSG if so how? | /r/solidjs | 2023-02-14

    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

    Zero-Legacy Deno/React Suspense SSR Framework

    Project mention: Aleph or fresh? | /r/Deno | 2023-04-03

    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.

  • use-http

    🐶 React hook for making isomorphic http requests

    Project mention: 5 Great Custom Hooks For Your React Project | dev.to | 2023-02-24

    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.

  • vite-plugin-ssr

    Like Next.js / Nuxt but as do-one-thing-do-it-well Vite plugin.

    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.

    Project mention: Elder.js: An SEO-First Svelte-Based Framework | news.ycombinator.com | 2023-03-09
  • auth-module

    Zero-boilerplate authentication support for Nuxt.js!

    Project mention: nuxt 3 stack for fullstack | /r/Nuxt | 2023-05-16
  • universal-router

    A simple middleware-style router for isomorphic JavaScript web apps

    Project mention: Routing in React with Universal Router | dev.to | 2022-07-14

    A quick showcase of UniversalRouter (1.6kB zip) as an "easy" alternative to React Router.

  • web

    React hooks done right, for browser and SSR. (by react-hookz)

    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.

  • nano

    🎯 SSR first, lightweight 1kB JSX library. (by nanojsx)

    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.

  • @artsy/fresnel

    An SSR compatible approach to CSS media query based responsive layouts for React.

    Project mention: Responsive Rendering With SSR | /r/reactjs | 2022-10-17

    This! If you want to limit double rendering afterwards you could look into something like fresnel to automatically unmount unused breakpoints’ components after hydration.

  • vite-ssg

    Static site generation for Vue 3 on Vite

    Project mention: From React to Vue | /r/vuejs | 2023-05-27

    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.

    Project mention: Image Caching from S3 | /r/nextjs | 2023-05-22

    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.

  • react-cool-img

    😎 🏞 A React <Img /> component let you handle image UX and performance as a Pro!

  • vite-ssr

    Use Vite for server side rendering in Node

    Project mention: Is Nuxt 3 the only framework people use for Vue websites? Is there a better alternative | /r/vuejs | 2022-06-26
  • react-esi

    React ESI: Blazing-fast Server-Side Rendering for React and Next.js

    Project mention: Downsides of On-demand ISR? | /r/nextjs | 2023-01-20

    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

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