rsnext/examples/middleware/README.md
Nhan Doan 359fdb2e5d
Update middleware example to App Router (#65618)
### What?
Update the `middleware` example to Next.js 14 App Router.

### Why?
App Router is recommended.

### How?
Follow Next.js App Router documentation.
2024-05-13 21:03:09 +00:00

1.5 KiB
Executable file

Middleware

This example shows how to use Middleware in Next.js to run code before a request is completed.

The index page (app/page.tsx) has a list of links to pages with redirect, rewrite, or normal behavior.

On the Middleware file (middleware.ts) the routes are already being filtered by defining a matcher on the exported config. If you want the Middleware to run for every request, you can remove the matcher.

Deploy your own

Deploy the example using Vercel:

Deploy with Vercel

How to use

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

npx create-next-app --example middleware middleware-app
yarn create next-app --example middleware middleware-app
pnpm create next-app --example middleware middleware-app

Deploy it to the cloud with Vercel (Documentation).