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. Learn more →
Top 23 JavaScript Server-Side Rendering Projects
-
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.
-
😎 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.
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
-
-
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.
-
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
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.
-
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-14Hi, 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)
17) https://github.com/storefront-foundation/react-storefront
-
-
-
fastify-vite
This plugin lets you load a Vite client application and set it up for Server-Side Rendering (SSR) with Fastify.
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".
-
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
-
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-01Opened 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.
-
-
-
quiza_redis
Quiza is online quiz platform where you can setup and practise quizzes. Runners Up Redis and Dev Hackathon 2022 🎉
View on GitHub
-
-
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.
JavaScript Server-Side Rendering related posts
- Client-Side Rendering
- interesting
- CSR vs SSR case study
- CSR vs SSR case study
- how to implement a bootstrap dropdown in a button
- Reactiveness In Rails
- Using npm libraries with Hunchentoot
-
A note from our sponsor - InfluxDB
www.influxdata.com | 9 Feb 2023
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 |