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 SSR 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.
-
react-loadable
:hourglass_flowing_sand: A higher order component for loading components with promises.
Project mention: Unit Testing dynamically imported React Component | reddit.com/r/codehunter | 2022-05-07I have a very simple React component that uses react-loadable to dynamically import another component. The code looks something akin to the following:
-
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 is a popular JavaScript library for building user interfaces. react-i18next is a library that integrates with React, providing an easy and efficient way to add internationalisation (i18n) support to your application. This library provides a simple API for handling translations and makes it easy to translate your content into different languages.
-
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.
-
-
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.
-
Then, there's goober, a minimalistic framework-agnostic css-in-js component library. You'll probably find more examples of modern yet frugal tools and libraries.
-
-
react-async-component
Resolve components asynchronously, with support for code splitting and advanced server side rendering use cases.
-
vue-social-sharing
A renderless Vue.js component for sharing links to social networks, compatible with SSR
well, this is easy to write to Vue3, and we can also find a example here:
-
Alright thank you for the link. You do seem to be correct and I also cross-checked it in the Axios Module link as well and it seems there isn't going to be an axios module for Nuxt 3 or at least this is what the phrasing conveys.
-
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.
-
babel-plugin-styled-components
Improve the debugging experience and add server-side rendering support to styled-components
-
Project mention: Any good file upload library? I cannot find one! | reddit.com/r/reactjs | 2022-06-01
Have you tried react-uploady? https://github.com/rpldy/react-uploady
-
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
-
-
-
Today, Nextjs is not only cool guy in the town, A lot of meta frameworks exist like Astro, Remix. There are a few ssr frameworks also build over Vite - such as - https://vitedge.js.org/, https://rakkasjs.org/, https://github.com/frandiox/vite-ssr,
-
When you're dotting the i's and crossing the t's of a shiny new Nuxt website, you will almost certainly want to ensure your site has a sitemap so that search engines know what pages of your site to index. At the moment, the Nuxt sitemap module hasn't yet been updated for Nuxt 3. But that shouldn't hold you back; let's make a quick-n-dirty module to generate a sitemap.
-
Supports all modern browsers like Chrome, Firefox, Safari. For Internet Explorer support, Ky provides an alternative package, Ky-Universal, not sure why they still bother.
-
example-storefront
Example Storefront is Reaction Commerce’s headless ecommerce storefront - Next.js, GraphQL, React. Built using Apollo Client and the commerce-focused React UI components provided in the Storefront Component Library (reactioncommerce/reaction-component-library). It connects with Reaction backend with the GraphQL API.
Project mention: Are there good open source react web applications to learn advanced react from. | reddit.com/r/reactjs | 2022-05-05Obviously you can learn so much from tutorials. So, I was wondering if there are react web projects that implement industry standards and best practices. I look into Reaction Commerce. But they were using class based components. Are there any other projects I can learn from?
-
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".
-
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.
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-01.
JavaScript SSR related posts
- 5 Basic Tips Everyone Should Know for Optimizing React Performance 🚀
- Create $fetch API Factory Pattern in Nuxt3
- An Attempt to Make a Tiny Social Site for Stoners
- How to serve a static (NextJS) landing page on / path and a CSR, SPA React app on rest of them?
- React in Cloudflare Workers
- No adapter specified in my SvelteKit Project
- How do I display the loader while the .svg document is loading?
-
A note from our sponsor - InfluxDB
www.influxdata.com | 5 Feb 2023
Index
What are some of the best open-source SSR projects in JavaScript? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | Quasar Framework | 22,762 |
| 2 | react-loadable | 16,483 |
| 3 | react-i18next | 7,974 |
| 4 | loadable-components | 7,105 |
| 5 | react-snap | 4,851 |
| 6 | react-firebase-starter | 4,444 |
| 7 | react-server | 3,917 |
| 8 | goober | 2,812 |
| 9 | flareact | 1,626 |
| 10 | react-async-component | 1,448 |
| 11 | vue-social-sharing | 1,309 |
| 12 | axios-module | 1,181 |
| 13 | react-lazy-load-image-component | 1,133 |
| 14 | babel-plugin-styled-components | 1,034 |
| 15 | react-uploady | 776 |
| 16 | react-storefront | 719 |
| 17 | Nullstack | 699 |
| 18 | asta | 690 |
| 19 | vitedge | 666 |
| 20 | sitemap-module | 663 |
| 21 | ky-universal | 613 |
| 22 | example-storefront | 596 |
| 23 | fastify-vite | 566 |
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.
www.sonarsource.com