JavaScript SSR

Open-source JavaScript projects categorized as SSR | Edit details

Top 23 JavaScript SSR Projects

  • GitHub repo Nuxt.js

    The Intuitive Vue Framework

    Project mention: How do you guys keep both Google bots and their users happy? | reddit.com/r/webdev | 2021-12-05

    If you're using Vue, switch to NuxtJS. It's a Server Side Rendering (SSR) framework for Vue.

  • GitHub repo Quasar Framework

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

    Project mention: How To Develop A Progressive Web Application On An Android Device | dev.to | 2021-12-02

    This project demonstrates how to develop a Progressive Web Application (PWA) locally on an Android device, using the Quasar Framework v2.

  • Scout APM

    Scout APM: A developer's best friend. Try free for 14-days. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.

  • GitHub repo 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

  • GitHub repo react-i18next

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

    Project mention: What are some issues with using React/Redux? | reddit.com/r/reactjs | 2021-11-30

    Formats: Yeah you'd be better of keeping formating and what not handled by your chosen internationalisation library but when I first started its just one of the things i elected to put into the redux store. Benifits to keeping it in the store include allowing me to handle all date input fields format changes in one place instead of managing it in every component.

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

  • GitHub repo 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

  • GitHub repo 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

  • Nanos

    Run Linux Software Faster and Safer than Linux with Unikernels.

  • GitHub repo react-server

    :rocket: Blazing fast page load and seamless navigation.

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

  • GitHub repo hookrouter

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

  • GitHub repo react-async-component

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

    Project mention: Show HN: Django and React SaaS boilerplate tutorial | news.ycombinator.com | 2020-12-23

    I've spent many years working on django including production setups for 3 different companies. My strong advice is to only use Django for API calls (DRF) and the built in admin UI. Do not use Django for ANY client facing static site rendering.

    1. Deploy the React static pages and JS/CSS resources completely separately from Django. Cloudfront/S3 is my personal choice. You will need to tweak the CORS_ORIGIN_WHITELIST and CORS_ALLOW_HEADERS in the django settings but that's relatively easy.

    2. Use Gatsy or something similar to help you with static site generation using react. Remember: React is in charge of HTML/JS/CSS of any type and Django should not get involved.

    3. Use https://github.com/ctrlplusb/react-async-component or something similar to help break up your SPA so the browser doesn't have to load all of it at once and only loads smaller components on an as needed basis.

    Don't mess with webpack and eject unless you have a very specialized need that cannot be addressed with everything out there.

  • GitHub repo 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

  • GitHub repo 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).

  • GitHub repo sitemap-module

    Sitemap Module for Nuxt

    Project mention: Working With Sitemaps in Nuxt.js | dev.to | 2021-09-28

    Hey to everyone reading this! In this article, I’d like to investigate the different options of creating sitemaps in Nuxt using the sitemap module.

  • GitHub repo vitedge

    Edge-side rendering and fullstack Vite framework

    Project mention: What do you guys prefer to use with Laravel. React, Vue or Blade ; | reddit.com/r/laravel | 2021-10-13

    Vue isn't incompatible with caching, but it admittedly does need a fancier cache that runs workers: https://github.com/frandiox/vitedge is one example of such an edge-optimized thing.

  • GitHub repo react-uploady

    Modern file uploading - components & hooks for React

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

    react-uploady - Modern file-upload components & hooks for React.

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

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

  • GitHub repo 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
  • GitHub repo rockpack

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

    Project mention: Project Structure. Repository and folders. Review of approaches. | dev.to | 2021-02-17

    The folder structure reflected the approach of separating features from views, much like the example.

  • GitHub repo 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
  • GitHub repo isomorphic-dompurify

    Makes it possible to use DOMPurify on server and client in the same way.

    Project mention: Install an older version of an npm package | reddit.com/r/reactjs | 2021-11-03

    Probably due to this issue.

  • GitHub repo sapper-rbac

    RBAC for Sapper

    Project mention: Protect routes in SvelteKit? | reddit.com/r/sveltejs | 2021-04-11

    I've used https://github.com/beyonk-adventures/sapper-rbac for a project and it worked great! I've used it with JWT tokens too so you should be able to set it up.

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 2021-12-07.

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 38,838
2 Quasar Framework 19,993
3 react-loadable 16,225
4 react-i18next 6,908
5 loadable-components 6,163
6 react-snap 4,549
7 react-firebase-starter 4,366
8 react-server 3,932
9 goober 2,288
10 hookrouter 1,463
11 react-async-component 1,442
12 flareact 1,316
13 babel-plugin-styled-components 962
14 sitemap-module 605
15 vitedge 486
16 react-uploady 469
17 webpack-hot-server-middleware 324
18 react-relay-network-modern 288
19 fastify-vite 268
20 rockpack 264
21 svelte-navigator 242
22 isomorphic-dompurify 101
23 sapper-rbac 89
Find remote jobs at our new job board 99remotejobs.com. There are 32 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com