Edge Middleware is now GA. Learn more
Customers expect performance. Businesses require personalization. With Edge Middleware, developers can deliver both.
Apparel
Store
AJ
The Tee
$24
Beanie
$16
Lightweight Jacket
$64
Next.js gives you the best developer experience with all the features you need for production: hybrid static & server rendering, TypeScript support, smart bundling, route pre-fetching, and more. No config needed.
Turborepo is a high-performance build system for JavaScript and TypeScript codebases that makes ship happen.
Announcing $150M to build the end-to-end platform for the modern Web.
Edge Middleware gives you the ability to serve pre-rendered pages, personalized to your user at runtime.
CAFÉ ZEIT
Current location
San Francisco, CA
Today's special
Lavender Latte
- $6
Your nearest stores
Golden Gate Park
Open until 5pm
Fort Mason
Open until 6:30 PM
Apparel
Store
AJ
Lightweight Jacket
$64
Mask
$12
The Tee
$24
Subscribe today to support this publication and for access to all these articles plus more.
SubscribeNext.js gives you the best developer experience with all the features you need for production: hybrid static & server rendering, TypeScript support, smart bundling, route pre-fetching, and more. No config needed.
Turborepo is a high-performance build system for JavaScript and TypeScript codebases that makes ship happen.
Announcing $150M to build the end-to-end platform for the modern Web.
Edge Middleware gives you the ability to serve pre-rendered pages, personalized to your user at runtime.
CAFÉ ZEIT
Aktuellar standort
Berlin, Deutschland
Heutige spezialität
Lavendel Latte
- €5.50
Your nearest stores
Schönhauser Allee
Offen bis 17:00
Gertraudenstraße
Offen bis 16:00
Next.js
Better performance
Less code shipped to the browser means better performance on any network.
No configuration
Define your application's global infrastructure directly from your code.
Any framework
Develop, preview, and ship to the edge with any framework.
Edge Middleware gives you the ability to deliver dynamic, personalized content without sacrificing end-user performance.
How edge middleware works
Middleware is designed to run before serving requests from the edge cache, to enable instant rewrites and redirects.
Vercel Edge Middleware is automatically configured as a special edge function that is deployed globally with zero cold boots.
Learn moreGet started with Edge Middleware
customize
Fast, flexible personalization
A/B testing and Feature Flags
The first impressions of a site are made in the first 50 milliseconds of viewing. With Edge Middleware, users will only see what you want them to see.
Geolocation
Safely pre-deploy multiple versions of your site and route users to the correct version at runtime—without any delays.
code example
A/B Testing with Split
Use Split to run A/B tests on your server.
Uses Next.js and Split
protect
Full routing & access control
Bot Protection
Prevent unwanted traffic spikes and protect against attacks by using integrations with bot detection, like DataDome, that allow you to check who is visiting your site.
Authentication
With simple authentication from a single route, you can check for cookies and perform rewrites at the edge, always ensuring you’re sending users to the correct version of the page.
code example
DataDome Bot Protection
Real-time security protections at the edge with DataDome.
Uses Next.js and DataDome
“We’re excited to leverage Vercel platform features like Edge Middleware that will allow us to continue delivering delightful experiences on the web with the same level of performance that our customers have come to expect of our products.”
Dylan Staley
Software Engineer, HashiCorp
The future of the Web is edge-first—and we’re working to bring that infrastructure and granular access to edge primitives, to all frameworks.
Powered by the Edge Runtime
Vercel is working with partners from across the industry to develop open standards for Edge Compute, and provide everyone with the tools to build for the future of web infrastructure.
Learn moreEdge API Routes for Next.js
BetaBuild and deploy powerful APIs to decrease latency for data fetching at the edge.
Edge Functions for all frameworks
BetaLeverage dynamic data-fetching capabilities with your framework of choice.
code example
Authenticated Proxy at the Edge
An authentication proxy demo on Vercel Edge Functions.
Uses Next.js
“We can show the control or experiment version of a page immediately instead of using third-party scripts. This results in better performance and removes the likelihood of flickering/layout shifts.”
Jillian Anderson Slate
Software Engineer, SumUp
From authentication to feature-flagging, explore the possibilities of the edge and deploy in seconds
Develop.
Preview.
Ship.
The development platform for the best frontend teams.