Top 23 Server-Side Rendering Open-Source Projects
-
-
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!
-
Project mention: Syntax highlighting library support for modern frontend frameworks | dev.to | 2022-06-22
There is no support for newer frameworks like Marko, which have their own file extension (format).
-
awesome-nextjs
:notebook_with_decorative_cover: :books: A curated list of awesome resources : books, videos, articles about using Next.js (A minimalistic framework for universal server-rendered React applications)
-
Project mention: How to use client-side only packages with SSR in Gatsby and Next.js | dev.to | 2022-05-07
The library @loadable/component allows you to dynamically import components to your project, so they don't get rendered on the server. The following component uses leaflet, a library similar to google maps that only supports client-side rendering:
-
Project mention: React SSR, NextJS vs Chrome headless prerendering | reddit.com/r/codehunter | 2022-04-29
chrome headless prerendering (ex react-snap)
-
react-firebase-starter
Boilerplate (seed) project for creating web apps with React.js, GraphQL.js and Relay
React Firebase Starter
-
Scout APM
Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.
-
-
Thymeleaf
Thymeleaf is a modern server-side Java template engine for both web and standalone environments.
Project mention: Applying changes in SQL, but nothing changes in webapp. | reddit.com/r/SpringBoot | 2022-05-04http://www.thymeleaf.org">
-
Turbo + web components can take you a long way in making your Rails app feel modern, but there are other tools in this space that can complement them. I've already mentioned Stimulus, but there's also StimulusReflex which is like Stimulus but on the server, and CableReady which is somewhat like Turbo Streams but more flexible. Be sure to give these a try if your app is highly interactive, or if you just want to expand your horizons beyond Hotwire.
-
Rendora
dynamic server-side rendering using headless Chrome to effortlessly solve the SEO problem for modern javascript websites
If you only want to add better support for search engines maybe you can lookup into puppeter and have it SSR for bots and search engines in general. I think there was a golang proyect that did something similar but looks a little bit abandoned: rendora.
-
-
Project mention: [AskJS] question about your monorepo workflow | reddit.com/r/javascript | 2021-10-21
b) Don't do intermediate builds at all. This is what we do for monorepo-internal packages at Uber. Basically, our framework lets you specify what parts of node_modules should be transpiled when compiling the service. So basically you just have a single compilation step and the performance cost is alleviated by leveraging babel cache. The upside of this approach is you only need one file watching daemon and you don't need to worry about BS related to intermediate compilation bugs, NPM publishing interface, etc.
-
-
Project mention: Does a chat application require windowing to prevent performance issue ? | reddit.com/r/reactjs | 2021-08-30
https://github.com/wellyshen/react-cool-virtual 🚀 https://github.com/clauderic/react-tiny-virtual-list
-
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.
-
pullstate
Simple state stores using immer and React hooks - re-use parts of your state by pulling it anywhere you like!
Sounds like you're on the right track. React is very hire-able. Try out multiple store systems. The big one is react + redux. Then after you have some experience with that, try a simpler one like pullstate.
-
Saturn
Opinionated, web development framework for F# which implements the server-side, functional MVC pattern
Project mention: If you were to create a Web API today from scratch how would you do it ? | reddit.com/r/dotnet | 2022-04-02Backend: Most likely it would be a toss between https://saturnframework.org or https://giraffe.wiki. They both combins the extremely good type system in F# combined with the ease of a minimal API.
-
react-esi - React Edge Side Includes
-
cable_ready
-
-
-
Server-Side Rendering related posts
- live reload, listening to api changes?
- Show HN: Python Live GUI – A Hybrid of Dear ImGUI and Phoenix LiveView
- Using npm libraries with Hunchentoot
- What happened to Weblock Homepage ?
- Applying changes in SQL, but nothing changes in webapp.
- Best way to hydrate html rendered by php?
- Show HN: LiveViewJS – TypeScript back end for LiveView Apps
Index
What are some of the best open-source Server-Side Rendering projects? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | Quasar Framework | 21,444 |
| 2 | react-loadable | 16,344 |
| 3 | marko | 11,412 |
| 4 | awesome-nextjs | 7,463 |
| 5 | loadable-components | 6,645 |
| 6 | react-snap | 4,728 |
| 7 | react-firebase-starter | 4,394 |
| 8 | after.js | 4,088 |
| 9 | Thymeleaf | 2,333 |
| 10 | stimulus_reflex | 1,992 |
| 11 | Rendora | 1,888 |
| 12 | universal-router | 1,617 |
| 13 | fusionjs | 1,467 |
| 14 | unpoly | 1,142 |
| 15 | react-cool-virtual | 995 |
| 16 | react-lazy-load-image-component | 969 |
| 17 | pullstate | 938 |
| 18 | Saturn | 643 |
| 19 | react-esi | 618 |
| 20 | cable_ready | 611 |
| 21 | laravel-server-side-rendering | 598 |
| 22 | react-ssr | 584 |
| 23 | Korolev | 559 |
Are you hiring? Post a new remote job listing for free.
