Vercel Feature Lab

One page per Vercel and Next.js feature, each with a live demo. The companion to the Cloudflare Feature Lab. 15 of 15 built so far.

How this app runs

  1. A request reaches Vercel's network, which routes it to this Next.js app (App Router).
  2. Pages are Server Components: they render on the server, so they can read headers, secrets and data directly. Only interactive pieces ship JavaScript to the browser.
  3. With Cache Components, each page is a static shell served instantly from the edge, and anything that needs the live request streams in afterwards.
  4. Back-end code lives in route handlers (app/api/*/route.ts) and Server Functions, which Vercel runs as serverless functions.

Basics

Rendering

Edge

Storage

Async & AI

Security

Platform