JavaScript SSR

Open-source JavaScript projects categorized as SSR

Top 23 JavaScript SSR 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.

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

    I 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-i18next

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

    Project mention: Translation in React Applications | dev.to | 2023-02-01

    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.

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

  • react-server

    :rocket: Blazing fast page load and seamless navigation.

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

  • goober

    🥜 goober, a less than 1KB 🎉 css-in-js alternative with a familiar API

    Project mention: A new paradigm | dev.to | 2022-02-20

    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.

  • flareact

    Edge-rendered React framework built for Cloudflare Workers

    Project mention: React in Cloudflare Workers | news.ycombinator.com | 2022-11-01
  • 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

    Project mention: Write your own social sharing component in Vue3 | dev.to | 2022-04-01

    well, this is easy to write to Vue3, and we can also find a example here:

  • axios-module

    Secure and easy axios integration with Nuxt.js

    Project mention: Create $fetch API Factory Pattern in Nuxt3 | reddit.com/r/Nuxt | 2022-12-28

    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-14

    Hi, 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

  • react-uploady

    Modern file uploading - components & hooks for React

    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)

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

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

  • Nullstack

    Feature-Driven Ful Stack JavaScript Components

  • asta

    :octopus: Resumable SSR framework.

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

    Edge-side rendering and fullstack Vite framework

    Project mention: Vite + Vite Plugin SSR vs NextJS | reddit.com/r/reactjs | 2022-04-30

    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,

  • sitemap-module

    Sitemap Module for Nuxt

    Project mention: Creating your own sitemap module for Nuxt | dev.to | 2022-11-12

    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.

  • ky-universal

    Use Ky in both Node.js and browsers

    Project mention: The 5 best HTTP request API`s for Javascript | dev.to | 2022-05-26

    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-05

    Obviously 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.

    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".

  • 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

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