TypeScript SSR

Open-source TypeScript projects categorized as SSR | Edit details

Top 23 TypeScript SSR Projects

  • react-starter-kit

    React Starter Kit — front-end starter kit using React, Relay, GraphQL, and JAM stack architecture

    Project mention: React Starter Kit and Material UI: userAgent should be supplied in the muiTheme context for server-side rendering | reddit.com/r/codehunter | 2022-05-02

    With the React Starter Kit, I add Material UI as follows:

  • 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: By Crayons and For Crayons | dev.to | 2022-05-13

    The app is built using vanilla Web Components without using any component publishing libraries like Stencil, Lit and so on. The reason being I met with some roadblocks in building a drag-n-drop editor using these libraries. Actually the Crayons Team itself is using Stencil to build the Crayons components using TypeScript and React-like component semantics and finally publish them as platform native Web components and React wrappers for the same. You can find out more about this in the Stencil documentation.

  • 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!

  • pinia

    🍍 Intuitive, type safe, light and flexible Store for Vue using the composition api with DevTools support

    Project mention: How to mock pinia for uniting test component with vitest and Testing-Library | reddit.com/r/vuejs | 2022-05-12

    Also, I tried one syntax based on : https://github.com/vuejs/pinia/discussions/1096

  • after.js

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

  • aleph.js

    The Full-stack Framework in Deno.

    Project mention: Aleph.js is a fullstack framework in Deno, inspired by Next.js | news.ycombinator.com | 2022-04-07
  • next-i18next

    The easiest way to translate your NextJs apps.

    Project mention: Connecting NextJS, next-i18next, with-redux, with-redux-saga: "Error: If you have a getInitialProps method in your custom _app.js file..." | reddit.com/r/codehunter | 2022-05-13

    I'm trying to connect a functioning NextJS/React app that uses 'with-redux-saga' and 'with-redux' to 'next-i1iN' (https://github.com/isaachinman/next-i18next) -- but when my app boots I get the following error:

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

  • Scout APM

    Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.

  • use-http

    🐶 React hook for making isomorphic http requests

    Project mention: Awesome Things Related To React Hooks 😍 | dev.to | 2021-09-23

    use-http - 🐶 React hook for making isomorphic http requests

  • ultra

    💎 Modern Streaming SSR React Framework in Deno

    Project mention: Ultra - a Deno based web framework - ships version 1.0 | reddit.com/r/Deno | 2022-04-24

    I think you were looking at one of the ancillary repos like create-ultra-app and not the main repo here: https://github.com/exhibitionist-digital/ultra

  • elderjs

    Elder.js is an opinionated static site generator and web framework for Svelte built with SEO in mind.

    Project mention: Should I go further with Svelte or just migrate to Sveltekit | reddit.com/r/sveltejs | 2022-01-25

    I like SvelteKit and am using it on projects, but this looked interesting too https://elderguide.com/tech/elderjs/

  • auth-module

    Project mention: Alternative to Nuxt Auth module for a vue 3/vite/pinia project | reddit.com/r/vuejs | 2022-02-12

    Nuxt Auth module is very convenient to configure oauth and oidc authentication. And it wires everything in a project like routes, store, Axios interceptors etc..

  • universal-router

    A simple middleware-style router for isomorphic JavaScript web apps

  • vite-plugin-ssr

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

    Project mention: Like Next.js / Nuxt but as do-one-thing-do-it-well Vite plugin | news.ycombinator.com | 2022-05-06
  • @artsy/fresnel

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

    Project mention: I’ve built two type-safe React hooks that will help you in making your apps more accessible | reddit.com/r/typescript | 2022-01-20

    the SSR default I'm guessing is the fancy one, it feels like due to SSR the most flexible way is to use media queries so it is correct on the first paint. maybe components would be better than hooks, something like https://github.com/artsy/fresnel

  • react-cool-img

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

    Project mention: Top 10 Trending Projects on GitHub for Web Developers | dev.to | 2021-12-15

    Checkout this repo here

  • vite-ssg

    Static site generation for Vue 3 on Vite

    Project mention: [Discussion] What the hell is going on with Vuetify 3? | reddit.com/r/vuejs | 2022-02-27

    The above template has it via https://github.com/antfu/vite-ssg

  • web

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

    Project mention: What would you change about React? | reddit.com/r/reactjs | 2022-05-05

    export function useMountEffect(effect: CallableFunction): void { useEffect(() => { effect(); // eslint-disable-next-line react-hooks/exhaustive-deps }, []); } ``` Taken from https://github.com/react-hookz/web/blob/master/src/useMountEffect/useMountEffect.ts

  • react-esi

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

    Project mention: React Libraries | dev.to | 2021-12-07

    react-esi - React Edge Side Includes

  • react-fetching-library

    Simple and powerful API client for react 👍 Use hooks or FACCs to fetch data in easy way. No dependencies! Just react under the hood.

  • vite-ssr

    Use Vite for server side rendering in Node

    Project mention: Vite + Vite Plugin SSR vs NextJS | reddit.com/r/reactjs | 2022-04-30

    Today, Nextjs is not only cool guy in the town, A lot of meta frameworks exist like Astro, Remix. There are a few ssr frameworks also build over Vite - such as - https://vitedge.js.org/, https://rakkasjs.org/, https://github.com/frandiox/vite-ssr,

  • next-shopify-storefront

    🛍 A Shopping Cart built with TypeScript, Emotion, Next.js, React.js, React Query, Shopify Storefront GraphQL API, ... and Material UI.

  • Cromwell

    WordPress-like CMS for Next.js websites (by CromwellCMS)

    Project mention: Quickest &amp; cheapest way for building an online store | reddit.com/r/webdev | 2022-03-03

    GitHub - CromwellCMS/Cromwell

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 2022-05-13.

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 react-starter-kit 21,192
2 stencil 10,691
3 pinia 7,301
4 after.js 4,088
5 aleph.js 4,064
6 next-i18next 3,257
7 React PWA 2,466
8 use-http 2,152
9 ultra 2,077
10 elderjs 1,874
11 auth-module 1,697
12 universal-router 1,613
13 vite-plugin-ssr 1,016
14 @artsy/fresnel 963
15 react-multi-carousel 886
16 react-cool-img 740
17 vite-ssg 637
18 web 629
19 react-esi 608
20 react-fetching-library 606
21 vite-ssr 531
22 next-shopify-storefront 461
23 Cromwell 438
Find remote jobs at our new job board 99remotejobs.com. There are 7 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Deliver Cleaner and Safer Code - Right in Your IDE of Choice!
SonarLint is a free and open source IDE extension that identifies and catches bugs and vulnerabilities as you code, directly in the IDE. Install from your favorite IDE marketplace today.
www.sonarlint.org