Skip to content

Comparative analysis of React Server Components (Next.js) vs Client Components (Vite + React) — includes full implementation and performance results.

Notifications You must be signed in to change notification settings

murad-sh/rsc-vs-rcc

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Comparative Analysis of React Server Components and Client Components

This project compares React Server Components (RSC) and React Client Components (RCC) in terms of performance, architecture, and developer experience.

It includes two functionally identical CRUD-based event management apps:

  • /rcc/ — Vite + React (Client Components with Axios & SWR)
  • /rsc/ — Next.js 13+ (Server Components with Prisma)
  • /back-end/ — Express.js + TypeScript + SQLite backend for the RCC app

Tech Stack

  • React, Next.js, Vite, TypeScript
  • Prisma ORM, SQLite
  • Tailwind CSS, shadcn/ui
  • Axios, SWR
  • Google Lighthouse (for benchmarking)

How to Run

  1. Install dependencies using npm install
  2. Start the apps using npm run dev inside /rcc or /rsc
  3. Run the backend using npm start inside /back-end

App Preview

App Preview App Preview

More Information

All methodology, performance results, and conclusions are available in the included PDF: Report.pdf

About

Comparative analysis of React Server Components (Next.js) vs Client Components (Vite + React) — includes full implementation and performance results.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages