88038ca21f
Convert `api-routes-middleware` example to TypeScript to match Contribution docs. - Updated cookie util to match the [extending `res` with TypeScript Next.js docs](https://nextjs.org/docs/api-routes/api-middlewares#connectexpress-middleware-support) ## Documentation / Examples - [X] Make sure the linting passes by running `pnpm lint` - [X] The examples guidelines are followed from [our contributing doc](https://github.com/vercel/next.js/blob/canary/contributing.md#adding-examples) ) |
||
|---|---|---|
| .. | ||
| pages | ||
| utils | ||
| .gitignore | ||
| next-env.d.ts | ||
| package.json | ||
| README.md | ||
| tsconfig.json | ||
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).