Top 23 JavaScript SSR Projects
-
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.
-
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.
react-loadable - A higher order component for loading components with promises
-
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.
-
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
-
react-firebase-starter
Boilerplate (seed) project for creating web apps with React.js, GraphQL.js and Relay
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.
-
-
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.
-
-
react-async-component
Resolve components asynchronously, with support for code splitting and advanced server side rendering use cases.
-
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
-
-
babel-plugin-styled-components
Improve the debugging experience and add server-side rendering support to styled-components
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).
-
-
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.
-
-
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.
-
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
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
In order to learn more, Rockpack readme is here to learn more.
JavaScript SSR related posts
- Nuxt google tag manager
- Rockpack 2.0 Official Release
- Top 5 NuxtJS modules for your next project [2022 edition]
- Recently released a SSR Proxy (Server-Side Rendenring), which allows for SEO-friendly SPAs, serving pre-rendered web pages for Web Crawlers. Any feedback is more than welcome!
- React Libraries
- How do you guys keep both Google bots and their users happy?
- How to choose a third party package
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 |
Are you hiring? Post a new remote job listing for free.
