🏗️ Architecture Patterns
Real-world architecture patterns used by Vercel customers — from e-commerce to AI agents. Click any pattern for a deep-dive explanation.
Composable Commerce
Headless Shopify/commercetools frontend on Next.js, ISR for product pages, Edge Middleware for geo-pricing, Vercel CDN for global delivery. 37% conversion lift (Desenio), 22% revenue boost (PAIGE).
Multi-Tenant SaaS Platform
Wildcard domains + Middleware for tenant routing. Durable serves 3M+ businesses on a single codebase. Mintlify manages thousands of custom docs domains via the Vercel Domains API.
AI-Powered Product (Chat/Agent)
AI SDK for model abstraction, AI Gateway for multi-provider routing, Workflow SDK for durable orchestration. SERHANT. orchestrates OpenAI + Claude + Gemini per task type.
Creative Agent Platform
FLORA's FAUNA agent fans out into parallel image generation jobs. DurableAgent from Workflow SDK persists state across long-running visual iterations. Fluid Compute handles concurrency efficiently.
Knowledge Agent (No Embeddings)
Replace vector DB + embeddings with filesystem + bash in Vercel Sandbox. Agent uses grep/find/cat for deterministic retrieval. Cost dropped from $1.00 → $0.25/query.
Marketing Site + CMS
Headless CMS (Sanity/Contentful) → Next.js with ISR. Preview Deployments for content review, Draft Mode for editors. Automatic CDN cache invalidation on publish.
Cross-Platform Chat Agent
Chat SDK delivers one agent across Slack, Teams, Discord, WhatsApp, Telegram, GitHub, and Linear. Single codebase, platform-specific rendering handled by adapters.
Monorepo at Scale
Turborepo for task orchestration — 96% faster task graph computation. Remote caching eliminates redundant builds. 1,000-package repos go from 8.1s to 716ms Time to First Task.
Enterprise Migration Pattern
Incremental migration: proxy legacy routes via Middleware, migrate page-by-page to Next.js. reMarkable saw 87% decrease in build times migrating incrementally.