New Project
Vercel Edge Middleware examples
Browse examples of how to use and apply Vercel Edge Middleware.
Loading...
Filter Templates
Clear
Use Case
0
Admin Dashboard
AI
Authentication
Backend
Blog
CDN
CMS
Cron
Documentation
Ecommerce
Edge Config
Edge Functions
Edge Middleware
Marketing Sites
Microfrontends
Monorepos
Multi-Tenant Apps
Portfolio
Realtime Apps
SaaS
Security
Starter
Vercel Firewall
Virtual Event
Web3
Framework
0
Angular
Astro
Express
FastAPI
Flask
Gatsby
Go
Hono
Hugo
Next.js
Nitro
Nuxt
Other
Python
Qwik
React
React Router
Remix
Svelte
Vue
CSS
0
Chakra
CSS Modules
CSS-in-JSX
Material UI
Pinceau
Radix UI
Styled Components
Tailwind
Vanilla CSS
Database
0
Astra DB
AWS S3
Azure CosmosDB
Azure MySQL
CockroachDB
Convex
Couchbase
Firebase
Gel
Grafbase
Liveblocks
MongoDB
Neon
PlanetScale
Postgres
Prisma
Railway
Redis
Supabase
TiDB
Tigris
Turso
Upstash
Vercel Blob
Xata
CMS
0
Agility
BaseHub
Builder.io
ButterCMS
Contentful
Crystallize
Decap
Glide Publishing Platform
Mux
Notion
Optimizely
Payload
Prismic
Sanity
Sitecore
Storyblok
Strapi
Wisp
WordPress
Authentication
0
Auth0
Clerk Auth
NextAuth.js
Supabase Auth
Whop Auth
Experimentation
0
Growthbook
Hypertune
LaunchDarkly
Split
Statsig
Filter Templates
Clear
Use Case
1
Admin Dashboard
AI
Authentication
Backend
Blog
CDN
CMS
Cron
Documentation
Ecommerce
Edge Config
Edge Functions
Edge Middleware
Marketing Sites
Microfrontends
Monorepos
Multi-Tenant Apps
Portfolio
Realtime Apps
SaaS
Security
Starter
Vercel Firewall
Virtual Event
Web3
Framework
0
Angular
Astro
Express
FastAPI
Flask
Gatsby
Go
Hono
Hugo
Next.js
Nitro
Nuxt
Other
Python
Qwik
React
React Router
Remix
Svelte
Vue
CSS
0
Chakra
CSS Modules
CSS-in-JSX
Material UI
Pinceau
Radix UI
Styled Components
Tailwind
Vanilla CSS
Database
0
Astra DB
AWS S3
Azure CosmosDB
Azure MySQL
CockroachDB
Convex
Couchbase
Firebase
Gel
Grafbase
Liveblocks
MongoDB
Neon
PlanetScale
Postgres
Prisma
Railway
Redis
Supabase
TiDB
Tigris
Turso
Upstash
Vercel Blob
Xata
CMS
0
Agility
BaseHub
Builder.io
ButterCMS
Contentful
Crystallize
Decap
Glide Publishing Platform
Mux
Notion
Optimizely
Payload
Prismic
Sanity
Sitecore
Storyblok
Strapi
Wisp
WordPress
Authentication
0
Auth0
Clerk Auth
NextAuth.js
Supabase Auth
Whop Auth
Experimentation
0
Growthbook
Hypertune
LaunchDarkly
Split
Statsig
Edge Redirects with Upstash
Redirect from a list of redirects both hardcoded and coming from Upstash (Redis), that get evaluated at the edge.
Modifying Request Headers in Middleware
Learn to add/update/delete request headers in a middleware.
A/B Testing Simple
By A/B testing at the edge, you'll reduce CLS from client-loaded experiments and improve your site's performance with smaller JS bundles.
Filtering Query Parameters
Learn how to filter query params in Edge Middleware.
Hypertune Integration example
Learn to use Hypertune, a powerful feature flag, A/B testing, analytics and app configuration platform.
Rewriting at the Edge using Upstash
Learn how to avoid calling several services by pre-checking stock at the edge using a redis cache.
Bot Protection with DataDome
DataDome can provide real-time bot protection and other security protections to any website. In this template we'll be using it at the edge.
Power Parity Pricing Strategies
Shows the differences between doing PPP at the edge using information from the geolocation object, Node.js SSR, and client-side rendering.
Hostname Rewrites using Edge Middleware
Learn how to programmatically create unique content pages for your users with a multi-tenant infrastructure using Edge Middleware.
IP Blocking with DataDome
DataDome can provide real-time bot protection, ip blocking, custom rules protection and other security protections to any website.
LaunchDarkly Integration example
Learn how to set up the LaunchDarkly integration to read flags from Edge Config
A/B Testing with ConfigCat
ConfigCat is a service for feature flag and configuration management. In this template you'll be able to use feature flags at the edge.
PostHog with Flags SDK and Next.js
An e-commerce example using static page variants with middleware rewrites determined by Flags SDK and PostHog.
Adding Cookies
Read and write cookies directly at the edge.
Vercel Edge Middleware Rate Limit
Add rate limiting to your application with any frontend framework.
Maintenance Page
This template shows how to quickly trigger a maintenance page using Edge Config
Feature Flags with Optimizely
Learn how to use optimizely to conduct experiments at the edge.
Vercel Flags with Flags SDK and Next.js
An e-commerce example using static page variants with middleware rewrites determined by Flags SDK and Vercel Flags.
Bot Detection with Botd
Botd is a browser library for bot detection. In this template we'll be using it alongside botd-integrations for bot detection at the edge.
User-Agent Based Rendering
Learn how to render a different page based on the User-Agent header.
Blue-Green Deployments on Vercel
See how Vercel's Skew Protection feature enables production-ready blue-green deployments with just a few lines of code.
Loading...
