Careeroza
Real World Example
Rendering Map of a Big Shop
A large e-commerce site like Amazon India mixes every strategy. ShopEase, modelled on that:
| Route | Strategy | Why |
|---|---|---|
/ | ISR 5 min + PPR personal row | Same for everyone except "Recommended for you" |
/products/[id] | SSG (top 500) + ISR + on-demand tags, PPR for delivery ETA | Huge traffic, rare edits |
/search | SSR | Depends on the query |
/cart, /checkout | SSR | Per user, never cached |
/blog/[slug] | SSG | Changes only on publish |
/api/geo | Edge | Tiny, latency sensitive |
Verifying After Build
Example
Read the build table to confirm each route got the strategy you expected:
npm run buildExample output
Route (app) Size First Load JS Revalidate Expire ┌ ◐ / 2.1 kB 108 kB 5m 1y ├ ○ /blog/[slug] 801 B 103 kB ├ ƒ /cart 3.2 kB 110 kB ├ ◐ /products/[id] 1.4 kB 106 kB 1h 1y └ ƒ /search 2.6 kB 109 kB ○ (Static) prerendered as static content ◐ (Partial Prerender) prerendered as static HTML with dynamic server-streamed content ƒ (Dynamic) server-rendered on demand