New Project

Vercel Edge Middleware examples

Browse examples of how to use and apply Vercel Edge Middleware.

Filter Templates

Use Case

0

Framework

0

CSS

0

Database

0

CMS

0

Authentication

0

Experimentation

0

Filter Templates

Use Case

1

Framework

0

CSS

0

Database

0

CMS

0

Authentication

0

Experimentation

0

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.
Blue-Green Deployments on Vercel thumbnail

Vercel Edge Middleware Rate Limit

Add rate limiting to your application with any frontend framework.
Vercel Edge Middleware Rate Limit thumbnail

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.
A/B Testing with ConfigCat thumbnail

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.
A/B Testing Simple thumbnail

Basic Auth Password Protection

Password protect pages in your application using Edge Middleware.
Basic Auth Password Protection thumbnail

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.
Bot Detection with Botd thumbnail

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.
Bot Protection with DataDome thumbnail

Adding Cookies

Read and write cookies directly at the edge.
Adding Cookies thumbnail

Adding Response Headers in Edge Middleware

Learn to add response headers at the edge.
Adding Response Headers in Edge Middleware thumbnail

Filtering Query Parameters

Learn how to filter query params in Edge Middleware.
Filtering Query Parameters thumbnail

Geolocation in Edge Middleware

Learn how to use visitor's location at the edge.
Geolocation in Edge Middleware thumbnail

i18n in Edge Middleware

This template shows how to redirect users based on i18n configuration.
i18n in Edge Middleware thumbnail

Modifying Request Headers in Middleware

Learn to add/update/delete request headers in a middleware.
Modifying Request Headers in Middleware thumbnail

User-Agent Based Rendering

Learn how to render a different page based on the User-Agent header.
User-Agent Based Rendering thumbnail

Edge Redirects with Upstash

Redirect from a list of redirects both hardcoded and coming from Upstash (Redis), that get evaluated at the edge.
Edge Redirects with Upstash thumbnail

Rewriting at the Edge using Upstash

Learn how to avoid calling several services by pre-checking stock at the edge using a redis cache.
Rewriting at the Edge using Upstash thumbnail

Hypertune Integration example

Learn to use Hypertune, a powerful feature flag, A/B testing, analytics and app configuration platform.
Hypertune Integration example thumbnail

Feature Flags with Optimizely

Learn how to use optimizely to conduct experiments at the edge.
Feature Flags with Optimizely thumbnail

Hostname Rewrites using Edge Middleware

Learn how to programmatically create unique content pages for your users with a multi-tenant infrastructure using Edge Middleware.
Hostname Rewrites using Edge Middleware thumbnail

IP Blocking with Upstash

Template featuring IP Blocking at the edge using Upstash.
IP Blocking with Upstash thumbnail

IP Blocking with DataDome

DataDome can provide real-time bot protection, ip blocking, custom rules protection and other security protections to any website.
IP Blocking with DataDome thumbnail