JavaScript SSR

Open-source JavaScript projects categorized as SSR | Edit details

Top 23 JavaScript SSR Projects

  • Nuxt.js

    The Intuitive Vue(2) Framework

    Project mention: Has anyone here used Nextjs (SSR) with Django? What have the benefits been? | reddit.com/r/django | 2022-01-23

    So I haven’t used Next but I have used Nuxt which is very similar but with Vue, therefore I won’t be able to talk specifics but more in general terms. Our stack was Nuxt + a Django / Saleor powered eCommerce backend which used a GraphQL API provided by Graphene.

  • Quasar Framework

    Quasar Framework - Build high-performance VueJS user interfaces in record time

    Project mention: Vite 2.x + Vue 3.x + quasar 2.x + windcss 3.x starter ⚡ | reddit.com/r/u_Special_Paint_9099 | 2022-01-19
  • SonarQube

    Static code analysis for 29 languages.. Your projects are multi-language. So is SonarQube analysis. Find Bugs, Vulnerabilities, Security Hotspots, and Code Smells so you can release quality code every time. Get started analyzing your projects today for free.

  • react-loadable

    :hourglass_flowing_sand: A higher order component for loading components with promises.

    Project mention: Awesome React Resources | dev.to | 2021-12-04

    react-loadable - A higher order component for loading components with promises

  • react-i18next

    Internationalization for react done right. Using the i18next i18n ecosystem.

    Project mention: How to set up localization with react-i18next | dev.to | 2022-01-23

    One of the features requested for a personal app of mine was to add multiple languages! Namely German and Spanish. So I decided to go ahead and learn react-i18next.

  • loadable-components

    The recommended Code Splitting library for React ✂️✨

    Project mention: How to choose a third party package | dev.to | 2021-12-04

    It's very important that you are choosing an active project instead of a dead/unmaintained project. An active project improves over time through community feedback. An unmaintained project does not move forward, fix functional bugs or patch security issues. Sometimes, a very popular package can be abandoned and go into a "frozen" state with many open issues and pull requests. It might have been a great solution in the past, but this is a sign that we have to move on. An example is react-loadable. It was a great solution for a very long time for code-splitting in React. I totally loved it. But it's stale now with many issues and PRs since 2018 (this post is written at the end of 2021). Now, if I need to split code in React, I use loadable-components, which is in active development, becoming more popular, patches bugs reported by the community, and most importantly, solves my problems. My personal advice: choose a package that's active in the last 3-6 months, with issues that are being resolved and PRs that are being merged.

  • react-snap

    👻 Zero-configuration framework-agnostic static prerendering for SPAs

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

    react-snap - Zero-configuration framework-agnostic static prerendering for SPAs

  • react-firebase-starter

    Boilerplate (seed) project for creating web apps with React.js, GraphQL.js and Relay

    Project mention: 12+ React Boilerplates & Starter Kits For Developers In 2021 | dev.to | 2021-05-11

    GitHub

  • OPS

    OPS - Build and Run Open Source Unikernels. Quickly and easily build and deploy open source unikernels in tens of seconds. Deploy in any language to any cloud.

  • react-server

    :rocket: Blazing fast page load and seamless navigation.

  • goober

    🥜 goober, a less than 1KB 🎉 css-in-js alternative with a familiar API

    Project mention: Zero runtime CSS-in-JS : Is this where great DX meets top-notch Web Performance? (sharing our experience) | reddit.com/r/reactjs | 2021-11-19

    Consider adding Goober too to the mix.

  • hookrouter

    The flexible, and fast router for react that is entirely based on hooks

  • react-async-component

    Resolve components asynchronously, with support for code splitting and advanced server side rendering use cases.

  • flareact

    Edge-rendered React framework built for Cloudflare Workers

    Project mention: Cloudflare Pages Goes Full Stack | news.ycombinator.com | 2021-11-17

    there is https://github.com/flareact/flareact in development by a shopify engineer, worth checking out... seems like a good architecture for deeper integration with workers runtime

  • axios-module

    Secure and easy axios integration with Nuxt.js

    Project mention: Nuxt google tag manager | reddit.com/r/Nuxt | 2022-01-24
  • babel-plugin-styled-components

    Improve the debugging experience and add server-side rendering support to styled-components

    Project mention: Using styled-components with SWC compiler? | reddit.com/r/reactjs | 2021-08-01

    Unfortunately, one thing keeps me from fully migrating to SWC: it replaces Babel, but it seems to have no alternative for babel-plugin-styled-components, which is crucial for my work (I use server-side rendering for styles and want to have readable names for debugging).

  • sitemap-module

    Sitemap Module for Nuxt

    Project mention: Nuxt google tag manager | reddit.com/r/Nuxt | 2022-01-24
  • vitedge

    Edge-side rendering and fullstack Vite framework

    Project mention: What is the best solution for a server-side rendered Vue 3 application with Cloudflare? | reddit.com/r/webdev | 2022-01-12

    Given this situation, I think there are three solutions for my application: 1. Nuxt 3, which has support for rendering via Cloudflare Workers. 2. Cloudflare Pages, which recently got support for SSR via Workers. 3. Vitedge, which seems like a plugin for the Vite build system that targets Cloudflare Workers.

  • ky-universal

    Use Ky in both Node.js and browsers

  • react-uploady

    Modern file uploading - components & hooks for React

    Project mention: Uppy VS react-uploady - a user suggested alternative | libhunt.com/r/uppy | 2022-01-18

    React-Uploady - Modern file-upload components & hooks for React.

  • webpack-hot-server-middleware

    :fire: Hot reload webpack bundles on the server

    Project mention: Meteor with Webpack in 2018 — Faster compilation and better source handling | dev.to | 2021-07-29

    Also, you can use HMR for server side. Meteor-Webpack supports webpack-hot-server-middleware , that replaces changed modules on your server without restarting all Meteor server. This also provides a lot of benefits on development.

  • fastify-vite

    Fastify plugin to serve Vite SSR applications with universal API, data fetching and hydration utilities.

    Project mention: fastify-vite: Fastify plugin for Vite integration | reddit.com/r/javascript | 2021-11-11
  • react-relay-network-modern

    Relay Modern Network Layer with middlewares — cache, auth, retry, batch, logger, SSR

    Project mention: Graphql Clients with Axios-like interceptors | reddit.com/r/graphql | 2021-03-27

    Relay: Since relay uses a custom fetchGraphQL function, you have access to all the header information. But I suspect what you're really looking for is something like the authMiddleware in react-relay-network-modern which does an accessToken refresh and query refetch when the token is expired.

  • rockpack

    Rockpack is a simple solution for creating React Application with Server Side Rendering, bundling, linting, testing within 5 minutes

    Project mention: Rockpack 2.0 Official Release | dev.to | 2022-01-18

    In order to learn more, Rockpack readme is here to learn more.

  • svelte-navigator

    Simple, accessible routing for Svelte

    Project mention: "TypeError: append_styles is not a function" ... because of svelte-navigator? | reddit.com/r/sveltejs | 2021-09-30
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-01-24.

JavaScript SSR related posts

Index

What are some of the best open-source SSR projects in JavaScript? This list will help you:

Project Stars
1 Nuxt.js 39,207
2 Quasar Framework 20,314
3 react-loadable 16,267
4 react-i18next 7,012
5 loadable-components 6,275
6 react-snap 4,599
7 react-firebase-starter 4,373
8 react-server 3,932
9 goober 2,371
10 hookrouter 1,468
11 react-async-component 1,442
12 flareact 1,369
13 axios-module 1,109
14 babel-plugin-styled-components 978
15 sitemap-module 613
16 vitedge 524
17 ky-universal 490
18 react-uploady 483
19 webpack-hot-server-middleware 324
20 fastify-vite 299
21 react-relay-network-modern 293
22 rockpack 286
23 svelte-navigator 260
Find remote jobs at our new job board 99remotejobs.com. There are 29 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
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.
scoutapm.com