Rendering
ISR Product Page
Fake product pages with time-based revalidate plus an on-demand revalidatePath button.
Run this experiment yourself
Demos are not embedded on this site. Deploy a standalone copy on Vercel or run the experiment app locally.
Local development
cd apps/experiments/isr-product-page pnpm install pnpm dev
Then open http://localhost:3010.
This is an experimental demo. Use it as a starting point for your own projects.
Static product routes with revalidate and an on-demand revalidatePath control.
Features
- Standalone Next.js app under
apps/experiments/isr-product-page/. - Honest degradation when optional services are missing.
- Unit-tested helpers in
logic.ts.
API Reference
POST /api/revalidate
{ "slug": "aurora-mug" }Implementation Details
Run the demo
Use the embedded playground or pnpm dev in the experiment app.
Inspect the handlers
Copy Route Handlers from apps/experiments/isr-product-page/ into your project.
Limitations
- Educational demo — not a production-hardened product.
- Inputs are length-capped.
Use in your project
Copy the experiment folder or individual Route Handlers.
Deployment
Local Development
cd apps/experiments/isr-product-page
pnpm install
pnpm devConfiguration
| Variable | Required | Purpose |
|---|---|---|
| — | — | No required secrets |
Vercel / Next.js Features Used
- Next.js, ISR, Cache