API routes with middleware

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 your own

Deploy the example using Vercel or preview live with StackBlitz

How to use

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
# or
yarn create next-app --example api-routes-middleware api-routes-middleware-app
# or
pnpm create next-app --example api-routes-middleware api-routes-middleware-app

Deploy it to the cloud with Vercel (Documentation).