A few months ago, the React team introduced React Server Components (RSC) to the dev community. React Server Components allow you to write UI that can be rendered and cached on the server, reducing load times.
Some open-source projects have begun to adopt this new model and in this article, I will share with you six of these repos at the forefront of web development ๐ฅ
1. Formbricks ๐งฑ
Formbricks is an open-source experience management platform that helps companies to build user-friendly products and services.
- Built with Next.js, Prisma, and Tailwind CSS.
- Completely runs on RSC โญ
- Formbricks integrates with a variety of third-party tools, such as Google sheets, Notion, Airtable, Zapier, etc.
- In October, Formbricks hosted the FormTribe hackathon to ship all Typeform-like features.
2. Twenty 2๏ธโฃ0๏ธโฃ
Twenty is an open-source CRM alternative to Salesforce. It also gives users the choice of self-hosting.
- Built with React, Prisma, and Next.js among others.
- Users can track their sales opportunities by tracking the stage of the deal, the value of the deal, and the next steps.
3. Blitz โก
Blitz is an open-source full-stack React framework. It adds all the missing features to your React app, like:
- Automatic code generation
- Built-in data fetching and caching
- Authentication and authorization
4. Documenso ๐
Documenso is an open-source document signing platform built with React and Next.js. Documenso aims to provide a transparent, accessible, and trustworthy alternative to commercial document signing platforms.
- Recently launched a rewrite with RSC ๐ค
- It offers a variety of features, including secure document signing, electronic signatures, document tracking, user management, team collaboration, and integrations with other popular business tools.
- Documenso is a valuable resource for businesses of all sizes.
5. Idurar ๐คท
Idurar is an open-source ERP/CRM library built on the MERN stack.
- It offers a variety of features, including contact management, lead management, opportunity management, task management, and reporting.
- Integrations with other popular CRM platforms.
6. Tanstack Query ๐พ
Tanstack query is formerly known React Query. It supports React Server Components and includes a number of features that make it a good choice for learning React Server Components.
Tanstack Query has a simple and intuitive API that makes it easy to use, even for beginners.
Supports both server-side rendering and client-side hydration, making it a good choice for building applications that are both fast and responsive.
Have a look at these repositories to learn how they use RSC ๐ค
Any other cool repos we should list here? Comment ๐
Top comments (7)
Its like caching but for UI haha! Well written :))
I really love Server Components and Server Actions. So great to see these great projects already picking them up and giving us a good reference and ideas on how to structure the repository :-)
I was looking for some resources to learn more about RSC! Very helpful ๐
Great list!
Thank you for sharing!
Nice list, there were a couple I didn't know but glad I do now :)
Server components and server actions are really a game changer ๐๐ป๐
๐ thanks