Vercel Edge Middleware examples
Browse examples of how to use and apply Vercel Edge Middleware.
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.
