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
First, run the development server:
npm run dev
# or
yarn dev
Open http://localhost:3000 with your browser to see the result.
Theme | Status |
---|---|
Scale | Easy to scale |
Performance | "Blank page" then render |
SEO | Not SEO friendly |
Data integrity | Fresh data |
Theme | Status |
---|---|
Scale | Harder to scale |
Performance | Renders directly but waits for server |
SEO | SEO compliant |
Data integrity | Fresh data |
Theme | Status |
---|---|
Scale | Easy to scale |
Performance | Renders directly |
SEO | SEO compliant |
Data integrity | Data retrieved once at build time |
Theme | Status |
---|---|
Scale | Easy to scale |
Performance | Renders directly |
SEO | SEO compliant |
Data integrity | Data retrieved at build time and refreshed periodically |