JavaScript Server-Side Rendering

Open-source JavaScript projects categorized as Server-Side Rendering

Top 23 JavaScript Server-Side Rendering Projects

  • Quasar Framework

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

    Project mention: Svetle is great in many ways, but where do you find svelte is bit confusing or could be better? | reddit.com/r/sveltejs | 2023-01-27

    I just need a comprehensive and complete UI layer. Something like Quasar (https://quasar.dev) for Vue.

  • js-stack-from-scratch

    🛠️⚡ Step-by-step tutorial to build a modern JavaScript stack.

    Project mention: Awesome Github Repos to Master JAVASCRIPT | dev.to | 2023-02-03

    😎 You jumped to React before JS, but you are missing pure JS. Here's a boost to help you complete yourself -> js-stack-from-scratch

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

  • react-loadable

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

    Project mention: Some Very Cool (Underrated maybe) React Libraries | dev.to | 2023-02-08

    React Loadable: This library makes it easy to split your React code into smaller, lazy-loaded chunks that can be loaded on demand. This can significantly improve the initial loading time of your application, especially for large and complex apps. https://github.com/jamiebuilds/react-loadable

  • marko

    A declarative, HTML-based language that makes building web apps fun

    Project mention: FLiP Stack Weekly for 06 February 2023 | dev.to | 2023-02-06
  • loadable-components

    The recommended Code Splitting library for React ✂️✨

    Project mention: 5 Basic Tips Everyone Should Know for Optimizing React Performance 🚀 | dev.to | 2023-01-29

    Lost of people would use the typical React method with the await import('') method, but I recommend you use a module called loadable-components.

  • react-snap

    👻 Zero-configuration framework-agnostic static prerendering for SPAs

    Project mention: How to serve a static (NextJS) landing page on / path and a CSR, SPA React app on rest of them? | reddit.com/r/reactjs | 2022-11-03
  • react-firebase-starter

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

    Project mention: Alternatives to Create React App | dev.to | 2022-10-13

    Let's look at React Starter Kit, which bills itself as an isomorphic web project boilerplate. Additionally, the React Starter Kit is described as, “very opinionated” on the webpage. This implies that it has already chosen our tech stack for us, which consists of Node.js, Express and GraphQL.

  • Sonar

    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.

  • stimulus_reflex

    Build reactive applications with the Rails tooling you already know and love.

    Project mention: A powerful search feature with what Rails provides out of the box | dev.to | 2023-01-19

    Reading the article and the source code, I learned a ton of stuff, as always. In his implementation, Louis is using StimulusReflex (built on top of Stimulus) to achieve this. I was curious about several points:

  • react-lazy-load-image-component

    React Component to lazy load images and components using a HOC to track window scroll position.

    Project mention: I made a social app that kinda looks like Instagram with React, Express, and MongoDB. Any feedback? | reddit.com/r/react | 2022-03-14

    Hi, i generally use this library to do the lazy loading of images.

  • react-storefront

    React Storefront - PWA for eCommerce. 100% offline, platform agnostic, headless, Magento 2 supported. Always Open Source, Apache-2.0 license. Join us as contributor ([email protected]). (by storefront-foundation)

    Project mention: How to develop webs %100 faster | reddit.com/r/webdev | 2022-07-02

    17) https://github.com/storefront-foundation/react-storefront

  • asta

    :octopus: Resumable SSR framework.

    Project mention: Asta: New jointing and Resumable SSR framework. | dev.to | 2022-10-21
  • react-ssr

    A baseline for server side rendering for your React application (by alexnm)

  • fastify-vite

    This plugin lets you load a Vite client application and set it up for Server-Side Rendering (SSR) with Fastify.

    Project mention: Fastify DX and SolidJS in the Real World | dev.to | 2022-07-20

    SolidJS ranked #1 in the 2021 "State of JS Front-End Frameworks", so we wanted to see what the fuzz is about and give it a proper chance with a side project. We started with a simple Single Page Application (SPA) and a few components but wanted to add data with GraphQL. For GraphQL we needed some sort of authentication, to identify users. This quickly turned more complex day by day. The biggest pitfalls and challenges were understanding Reactivity in SolidJS and the use of context providers. Last but not least, we wanted to add some server-side rendering capabilities, which lead to a three week rabbit hole of reading SolidJS code, Fastify Vite and lots of trial and error. Fortunately, Jonas Galvez was already working on Fastify DX a new full stack framework based on Fastify and Vite, where he added support for SolidJS as well. A nice side effect was that we not only have server-side rendering, but also async rendering, streaming web components/html streaming1 available, which is pretty awesome. As most of this is new and a lot of those technologies are barely documented past "Hello World" or "Todo List", we decided to extract the most important/difficult parts of our project into this "Real World Application with SolidJS and Fastify DX".

  • react-ssr-prepass

    A custom partial React SSR renderer for prefetching and suspense

    Project mention: NextJS / React SSR: 21 Universal Data Fetching Patterns & Best Practices | dev.to | 2022-05-03

    You might be wondering how to implement this try/catch method. Luckily, we don't have to start from scratch. There's a library called [react-ssr-prepass (https://github.com/FormidableLabs/react-ssr-prepass) that we can use to do this.

  • redux-connect

    Provides decorator for resolving async props in react-router, extremely useful for handling server-side rendering in React

  • client-side-rendering

    A case study of CSR.

    Project mention: Svelte would be the next thing after React? | reddit.com/r/sveltejs | 2022-12-24

    you can read about some thoughts on CSR vs SSR here: https://github.com/theninthsky/client-side-rendering

  • react-loadable-ssr-addon

    Server Side Render add-on for React Loadable. Load splitted chunks was never that easy.

    Project mention: DOMException: Failed to execute 'replaceState' on 'History': A history state object with URL | reddit.com/r/codehunter | 2022-05-01

    Opened the same issue on Git repo of npm package used for Server side rendering.Issue opened

  • react-ssr-starter

    🔥 ⚛️ A React boilerplate for a universal web app with a highly scalable, offline-first foundation and our focus on performance and best practices.

  • react-ssr-apollo-boilerplate

    A boilerplate for React with SSR using GraphQL and Apollo

  • server

    Full-Stack NodeJS Framework (by fwd)

  • quiza_redis

    Quiza is online quiz platform where you can setup and practise quizzes. Runners Up Redis and Dev Hackathon 2022 🎉

    Project mention: Quiz app in Next JS and Redis | dev.to | 2022-08-27

    View on GitHub

  • react-ssr-webpack-plugin

    A webpack plugin for react apps to do SSR

  • WebRocketX

    Go to WebRocketX.com for instructions on how to use this powerful javascript Web Application SPA API

    Project mention: Sharing my open source single page application framework that works well with PHP | reddit.com/r/PHP | 2022-05-20
  • InfluxDB

    Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Platform where developers build real-time applications for analytics, IoT and cloud-native services. Easy to start, it is available in the cloud or on-premises.

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

JavaScript Server-Side Rendering related posts

Index

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

Project Stars
1 Quasar Framework 22,797
2 js-stack-from-scratch 19,743
3 react-loadable 16,485
4 marko 12,405
5 loadable-components 7,105
6 react-snap 4,851
7 react-firebase-starter 4,450
8 stimulus_reflex 2,064
9 react-lazy-load-image-component 1,143
10 react-storefront 719
11 asta 690
12 react-ssr 597
13 fastify-vite 569
14 react-ssr-prepass 564
15 redux-connect 549
16 client-side-rendering 546
17 react-loadable-ssr-addon 69
18 react-ssr-starter 49
19 react-ssr-apollo-boilerplate 22
20 server 7
21 quiza_redis 6
22 react-ssr-webpack-plugin 4
23 WebRocketX 2
Build time-series-based applications quickly and at scale.
InfluxDB is the Time Series Platform where developers build real-time applications for analytics, IoT and cloud-native services. Easy to start, it is available in the cloud or on-premises.
www.influxdata.com