This project shows different ways of rendering apps :

• CSR : https://scale-demo-pokemon.vercel.app/csr
• SSR : https://scale-demo-pokemon.vercel.app/ssr
• SSG : https://scale-demo-pokemon.vercel.app/ssg
• ISR : https://scale-demo-pokemon.vercel.app/isr

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

CSR

Theme	Status
Scale	Easy to scale
Performance	"Blank page" then render
SEO	Not SEO friendly
Data integrity	Fresh data

SSR

Theme	Status
Scale	Harder to scale
Performance	Renders directly but waits for server
SEO	SEO compliant
Data integrity	Fresh data

SSG

Theme	Status
Scale	Easy to scale
Performance	Renders directly
SEO	SEO compliant
Data integrity	Data retrieved once at build time

ISR

Theme	Status
Scale	Easy to scale
Performance	Renders directly
SEO	SEO compliant
Data integrity	Data retrieved at build time and refreshed periodically