Next.js ships with API routes, which provide an easy solution to build your own API. This example shows how to implement simple middleware to wrap around your API endpoints.

Deploy the example using Vercel or preview live with StackBlitz

Execute create-next-app with npm, Yarn, or pnpm to bootstrap the example:

npx create-next-app --example api-routes-middleware api-routes-middleware-app

yarn create next-app --example api-routes-middleware api-routes-middleware-app

pnpm create next-app --example api-routes-middleware api-routes-middleware-app

Deploy it to the cloud with Vercel (Documentation).