Introduction
Independent playground for Next.js and Vercel platform experiments.
Vercel Experiments
Vercel Experiments is an independent community project for discovering, exploring, and deploying small interactive experiments in the Next.js and Vercel ecosystem.
It is not an official Vercel product and is not affiliated with or endorsed by Vercel.
What you will find
- Standalone experiment apps you deploy or run locally
- Practical explanations of platform capabilities
- Clear distinctions between Next.js features and Vercel-specific behavior
- Honest simulation labels when live infrastructure is unavailable
Start here
Experiment categories
Every published experiment, grouped the same way as the sidebar. Each page has deploy and run-locally guidance.
AI
- A/B Landing Copy Lab - AI generates two headlines, sticky cookie buckets assign A/B, and Redis/memory tracks impressions and conversions.
- Accessibility Copy Fix - Paste UI/marketing copy - local heuristics plus AI rewrites for a11y issues.
- AI Code Sandbox - Run allowlisted arithmetic inside a Vercel Sandbox microVM - never unrestricted eval in-process.
- AI Streaming Lab - Stream text, structured output, and tool calls through Vercel AI Gateway (or OpenAI) with the AI SDK.
- API Mock from OpenAPI - Paste an OpenAPI snippet - mock Next.js Route Handler stubs as downloadable text.
- Before After Diff Lab - Two images - vision change summary (what changed, risk notes). Honest 503 without AI.
- Budget Split Lab - Expenses and people - local fair-share math plus AI rationale for category splits.
- Changelog from Diff Lab - Paste a PR diff or commit log - generateObject customer-facing bullets and internal notes.
- Chat with Your PDF - Chunk a document, retrieve top passages by keyword overlap (no embeddings), and answer with cited quotes.
- Codebase README Lab - Paste a file tree and snippets - draft README sections downloadable as markdown.
- Competitor Battlecard - Paste positioning notes - structured battlecard talk tracks.
- Competitor Page Diff - Fetch two competitor URLs (capped), extract messaging, and generateObject a structured positioning diff.
- Contract Clause Finder - Paste a short contract or upload a PDF - structured risk clauses, obligations, and dates table via generateObject.
- Cost-Aware AI Lab - Run the same prompt on two models via AI Gateway and compare latency plus labeled token/cost ESTIMATES.
- CSV Insight Lab - Paste or upload CSV (max 50 rows) - parse locally, then generateObject insights and chartReady aggregates without inventing rows.
- Customer Voice Themes - Feedback corpus - themes, quotes, and sentiment via generateObject.
- Diagram to Mermaid - Description or diagram image - Mermaid source with an accuracy caveat. Honest 503 without AI.
- Docs to FAQ Lab - Paste markdown docs - FAQ pairs with generateObject; Redis caches by content hash when configured.
- Email Sequence Lab - Product brief - multi-touch email sequence with day spacing helpers.
- Feature Request Board - Paste product ideas - AI clusters themes - Redis/memory vote counters with honest fallbacks.
- Flashcards from Notes - Turn study notes into up to 12 flip cards with generateObject, then export the deck as JSON.
- Form to CRM Lab - Lead form - Zod validate - AI enrich (companyGuess, urgency) - Neon insert or memory - optional outbound webhook.
- GitHub Issue Triage - Paste an issue title/body - suggested labels, severity, and a first-response draft. No GitHub token.
- Glossary Builder - Turn domain text into a structured glossary with local candidate-term helpers.
- Guardrails Lab - Allow/block/rewrite policy with an audit log; optional Redis rate limiting.
- Habit Tracker Lite - Habit plan via AI plus Redis/memory check-ins and streak helpers in logic.ts.
- Human-in-the-Loop Lab - AI proposes an email draft; you edit it, then POST the approved payload to a webhook URL.
- i18n String Lab - English strings - keyified catalog with placeholder extraction and sample locales.
- Image Alt Studio - Upload an image - vision generateObject for alt text, SEO filename, and caption; optional Blob store.
- Inbox Digest Cron - Seed inbox messages in Redis or memory, then a Cron-style Route Handler summarizes a digest (AI or deterministic).
- Invoice Matcher Lab - Paste invoice and purchase-order text - field-level match/mismatch with confidence scores.
- Itinerary Builder - Destination and day count - streamed day-by-day itinerary JSON with local day clamping.
- JSON Repair Lab - Paste broken JSON - heuristic (and optional AI) repair with a line-by-line diff.
- Legal Hold Notice - Educational litigation-hold notice draft generator with a prominent not-legal-advice banner.
- Lighthouse Action Plan - Paste Lighthouse JSON - prioritized P0/P1/P2 Next.js fix list grounded in weak audits.
- Link Preview Enricher - Fetch URL meta, rewrite titles with AI, render ImageResponse cards, and optionally store PNGs in Vercel Blob.
- Meeting Agenda Lab - Goals and duration - timed agenda with local minute allocation helpers.
- Memory Thread Lab - Multi-turn chat with Redis thread memory, TTL visualization, and an honest in-memory fallback.
- Newsletter Remix - Remix an article into subject lines and tone variants with generateObject.
- Notes to Actions Lab - Paste meeting notes - generateObject action items with owner/due/status; persist to Neon or an in-memory session list.
- npm Package Brief - Look up npm registry metadata for a package name (no install) and get when-to-use / when-to-avoid guidance.
- OKRs from Strategy - Strategy narrative - objectives and key results JSON.
- Onboarding Checklist AI - Role - AI onboarding checklist with Neon/memory progress tracking.
- PDF Quiz Lab - Paste text or upload .txt/.md/.pdf, extract content, and generate an interactive 5-question MCQ quiz with generateObject.
- PDF Redaction Helper - Paste text - AI suggests PII spans to review. Educational helper — not perfect redaction.
- Pitch Deck Outline - Idea - streamed slide outline via streamObject.
- Policy Simplifier Lab - Paste terms or privacy text - plain-language summary, key bullets, and watch-outs (not legal advice).
- Postmortem Generator - Incident notes - timeline, root cause, and action items (ops education, not blame).
- Price Watch Lab - Track pasted product/price targets with AI notes and Redis/memory watch list.
- Product Shot Copy - Product image - title/bullets via vision, plus optional ImageResponse OG card preview.
- Prompt A/B Eval - Two system prompts on one user message — side-by-side outputs plus structured judge scores.
- RAG from Markdown - Paste multiple markdown files, retrieve top keyword chunks, and answer with cited source passages.
- Receipt to JSON Lab - Turn receipt text or an uploaded image into structured expense JSON with line items - text-only works without vision.
- Recipe from Fridge - Paste fridge ingredients - structured recipe ideas with steps and missing items via generateObject.
- Regex Explainer Lab - Explain a regex in plain English (AI) and highlight matches in a test string with pure logic.ts helpers.
- Resume Fit Lab - Score a resume against a job description with match score, missing skills, strengths, and rewritten bullets.
- RFC Writer Lab - Problem statement - structured RFC outline sections via generateObject.
- Robots Policy Advisor - Paste robots.txt or fetch from a URL - allow/deny explanation plus concrete crawl-policy suggestions.
- RSS Digest Lab - Fetch an RSS/Atom feed URL, take the top-N items, and generateObject short digests with a regenerate endpoint.
- Schema from Sample Lab - Paste JSON or CSV - TypeScript types and Zod schema strings you can download.
- Screenshot to Ticket - Upload a screenshot - vision generateObject bug report (title, steps, severity). Honest 503 without AI.
- SEO Meta Auditor - Fetch a URL, find meta gaps, rewrite title/description/OG suggestions, and preview an ImageResponse card.
- Slide Deck Summarizer - Paste or upload a PDF/text deck - streamText per-slide bullets plus an executive brief.
- SQL from Question Lab - DDL + English question - parameterized SQL and explanation; optional Neon run only when DATABASE_URL and demo tables exist (default explain-only).
- Stack Trace Fixer - Paste an error + stack - Next.js tips and a repro checklist grounded in common App Router failure modes.
- Streaming UI Checklist - Prompt - streamObject checklist items that appear in the UI as the partial object grows.
- Structured Form Filler - Paste prose - fill Zod form fields with per-field confidence scores via generateObject.
- Support Triage Lab - Paste a support ticket - category, priority, and draft reply via generateObject; Redis rate limit when available.
- Syllabus Planner Lab - Paste a syllabus - weekly study plan JSON with topics, tasks, and estimated hours.
- Tool-Calling Weather Demo - Chat with mock weather, time, and calculator tools plus a visible tool-call trace via the AI SDK.
- Tutor Chat Lab - Streamed tutoring chat grounded in a topic you set; uses AI SDK streamText with honest 503 when no provider.
- URL Brief Lab - Fetch a URL with size and timeout caps, stream a summary, and preview an ImageResponse Open Graph card.
- Voice Notes Lab - Paste a transcript (audio upload stubbed) - generateObject chapters, summary, and action items. Honest 503 without AI.
- Whiteboard to Tasks - Upload a whiteboard photo - vision generateObject task list JSON. Honest 503 without AI.
Performance
- Cache Behavior Explorer - Visualize cache hits, misses, stale responses, and Cache-Control strategies in simulated and real HTTP modes.
- Image CDN Compare - Compare the same public asset via raw URL vs /_next/image — size and Content-Type table.
- Image Optimization Lab - Tune next/image quality and sizes against a real optimized asset, plus format heuristics.
- Stale-While-Revalidate Shop - Catalog API with SWR Cache-Control headers, Redis/memory backing, and a freshness timeline.
Networking
- Stripe Events Sandbox - Paste Stripe-like JSON, verify real HMAC signatures (t=/v1=), and append an idempotent Redis/memory event log.
- Webhook Playground - Generate a temporary endpoint, capture webhook requests, inspect payloads, and explore retries and idempotency.
- Webhook to Sheet Lab - Receive webhooks, append sheet-like rows in Redis/memory, and replay a captured payload.
- WebSockets Lab - Document Vercel/Fluid realtime constraints with an honest SSE playground versus full duplex WebSockets.
Security
- Auth-Gated Preview - Password cookie gate unlocks draft/preview content while public view stays published-only.
- Bot Protection Lab - Challenge and rate-limit gate before a mock expensive AI route, with honest BotID documentation limits.
- Content Security Policy Builder - Compose CSP directives and see which sample resources would be allowed or blocked.
- Edge Auth Lab - Issue and verify short-lived JWTs with jose, protect a route, and explore clock-skew failure cases.
- Rate Limiting Simulator - Compare rate-limit algorithms locally, then hit a live Upstash Redis fixed-window limiter.
- Webhook Signature Verifier - Practice HMAC signatures, timestamp tolerance, and replay prevention for webhook security.
Rendering
- Draft Mode CMS Lab - Edit markdown in the UI, store a draft in Blob or memory, enable Draft Mode preview, then publish live.
- ISR and Revalidation Playground - Explore static rendering, revalidation intervals, on-demand refresh, and content freshness timelines.
- ISR Product Page - Fake product pages with time-based revalidate plus an on-demand revalidatePath button.
- Streaming SSR Playground - Compare blocking and streamed rendering with Suspense boundaries and a timeline of render events.
Routing
- A/B Testing Lab - Assign A/B variants via sticky cookie, log impressions and conversions in Redis or memory, and show conversion UI.
- CDN Redirects Lab - Edit a redirect map, export vercel.json redirects config, and evaluate rules client-side with the same engine.
- Maintenance / Canary Lab - Env or Global Config kill switch plus percentage canary cookie assignment with two UI variants and counters.
- Microfrontends Zones Lab - Shell page plus zone child contract demo explaining Vercel microfrontends/zones with concrete rewrites.
- Middleware and Routing Lab - Configure rewrites, redirects, locale and header routing, then inspect deterministic request decisions.
Platform
- Approval Workflow Lab - Draft - pending - approve/reject via opaque tokens. Neon/memory state machine with honest fallbacks.
- Blob Storage Lab - Upload, list, and delete objects with Vercel Blob - one-click store provisioning on Deploy.
- Cron Jobs Lab - Inspect Vercel Cron schedules and persist heartbeat runs to Redis or Blob.
- Cron Sitemap Rebuild - Vercel Cron regenerates sitemap.xml from a content list backed by Neon, Blob, or memory.
- Environment Variable Inspector - Use dummy values to learn which variables are public, server-only, or invalid.
- Geolocation Lab - Read Vercel geo headers from the request, show a localized greeting, and demo Intl currency/date formatting.
- Global Config Lab - Read ultra-low-latency configuration from Vercel Global Config for flags and kill switches.
- Invite-Only Beta - Redeem invite codes into a Redis/memory allowlist and gate a demo beta surface.
- Job Queue Lite - Enqueue jobs in Redis/memory, drain via a Cron-style Route Handler, and watch progress in the UI.
- Multi-Tenant Notes - Tenant from path segment or x-tenant-id header - isolated notes in Neon/memory with honest fallbacks.
- Neon Postgres Lab - Insert and list rows with Neon serverless Postgres provisioned from the Vercel Marketplace.
- Queues Lab - Publish to a durable Vercel Queues topic and process messages with a private push consumer.
- Redis Cache Lab - Set/get with TTL and exercise distributed rate limits on Upstash Redis from the Marketplace.
- Status Page Lab - Cron or manual synthetic checks hit a URL, store history in Redis or memory, and render a public status UI.
- Usage Meter Lab - Per-session API metering with soft and hard limits backed by Redis/memory counters.
- Waitlist Viral Lab - Email waitlist with Neon/memory storage, referral codes, position boosts, and Cron drip preview (no real email).
- Workflows Lab - Start a durable multi-step order workflow with use workflow, use step, and sleep on the Workflow SDK.
Developer Tools
- Env Promotion Checklist - Compare required environment variables across Preview vs Production with redacted values.
- Favicon Brand Kit - Pick a brand color + letter - ImageResponse icon set (16/32/180/512) for favicons and PWA.
- MCP Tools Lab - Standalone MCP-shaped tool server exposing experiment catalog search over a local registry snapshot.
- OG from Database - Seed/list Neon product rows (or in-memory fallback) and render ImageResponse OG cards by slug.
- OG Image Studio - Design Open Graph social cards with live preview and downloadable output using Next.js ImageResponse.
- Sitemap Health Lab - Fetch a sitemap URL, sample <loc> links, and check status codes with a rate-limited delay between requests.
- Thumbnail Factory - Title + theme - batch ImageResponse thumbnail URLs (square, wide, story) with no AI required.
- Vercel Flags Lab - Evaluate platform-native Vercel Flags with entity targeting - local sticky simulator plus live flags-core.