Cache Components Demo
All pages return content in initial HTML for SEO/crawlers.
Category Landing Page (CLP)
static, SEO URLs, no filters, no pagination, uses only bandwidth. Usually linked from MegaNav, CMS-driven content.
/clp-static-landing-page?utm_source=googleSearch Results Page (SRP)
dynamic, not SEO indexable, with query parameters, fresh on each request, content still in initial HTML, used compute
/search?q=shoesProduct Listing Page (PLP)
dynamic, content in initial HTML
/shoes/running?&utm_source=googlelong tail PLP for filters, sorting, etc.
dyanmic, not SEO indexable, with query parameters, content still in initial HTML
/shoes/running?page=2&color=red&utm_source=google▶Vocabulary
- ISR
- Incremental Static Regeneration – on build and runtime phase
- CSR
- Client Side Rendering – in the browser
- SSR
- Server Side Rendering – on the server, on each request
- SSG
- Static Site Generation – on build phase only
- PPR
- Partial Prerendering – a combination of static and dynamic, the best of both worlds
- Cache Components
- Opt-in caching via "use cache" directive for pages, components, and functions. Completes the PPR story.
- static
- Cached document on CDN like HTML output (uses only bandwidth)
- dynamic
- Document rendered on each request (uses compute)
- long tail
- Less frequently accessed pages, typically generated dynamically using SSR/CSR (ideally PPR)
- above the fold
- Visible part of a webpage without scrolling, critical for SEO and Core Web Vitals