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
- React, Next.js, Vite, TypeScript
- Prisma ORM, SQLite
- Tailwind CSS, shadcn/ui
- Axios, SWR
- Google Lighthouse (for benchmarking)
- Install dependencies using npm install
- Start the apps using npm run dev inside
/rccor/rsc - Run the backend using npm start inside
/back-end
All methodology, performance results, and conclusions are available in the included PDF: Report.pdf