From 75b6d679cdeada9a11278831cb899382287df691 Mon Sep 17 00:00:00 2001 From: Yoann Moinet <597828+yoannmoinet@users.noreply.github.com> Date: Sat, 27 Aug 2022 23:58:46 +0200 Subject: [PATCH 1/3] Add precision about `pageExtensions` --- docs/advanced-features/middleware.md | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/docs/advanced-features/middleware.md b/docs/advanced-features/middleware.md index 74454c5470b5..264891db0e8d 100644 --- a/docs/advanced-features/middleware.md +++ b/docs/advanced-features/middleware.md @@ -31,7 +31,7 @@ To begin using Middleware, follow the steps below: npm install next@latest ``` -2. Create a `middleware.ts` (or `.js`) file at the same level as your `pages` directory +2. Create a `middleware.ts` (or `.js`) file at the same level as your `pages` directory 3. Export a middleware function from the `middleware.ts` file: ```typescript @@ -50,6 +50,9 @@ export const config = { } ``` +> **Note** If you're changing `pageExtensions` in `next.config.js` you'll have to update your middleware file name. +> ex: With `pageExtensions: ['page.tsx', 'page.ts']` it will be `middleware.page.ts`. + ## Matching Paths Middleware will be invoked for **every route in your project**. The following is the execution order: From 7c6ae77020761bfed26df335fc53e9ae6d5e8436 Mon Sep 17 00:00:00 2001 From: Yoann Moinet <597828+yoannmoinet@users.noreply.github.com> Date: Sun, 28 Aug 2022 00:02:18 +0200 Subject: [PATCH 2/3] Remove space --- docs/advanced-features/middleware.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/advanced-features/middleware.md b/docs/advanced-features/middleware.md index 264891db0e8d..dcc23a60ec20 100644 --- a/docs/advanced-features/middleware.md +++ b/docs/advanced-features/middleware.md @@ -31,7 +31,7 @@ To begin using Middleware, follow the steps below: npm install next@latest ``` -2. Create a `middleware.ts` (or `.js`) file at the same level as your `pages` directory +2. Create a `middleware.ts` (or `.js`) file at the same level as your `pages` directory 3. Export a middleware function from the `middleware.ts` file: ```typescript From 642980093818b1fc28c82f9d425e758097ce10c4 Mon Sep 17 00:00:00 2001 From: JJ Kasper Date: Sun, 28 Aug 2022 16:28:23 -0500 Subject: [PATCH 3/3] Apply suggestions from code review --- docs/advanced-features/middleware.md | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/docs/advanced-features/middleware.md b/docs/advanced-features/middleware.md index dcc23a60ec20..8f65f84a22f1 100644 --- a/docs/advanced-features/middleware.md +++ b/docs/advanced-features/middleware.md @@ -50,8 +50,7 @@ export const config = { } ``` -> **Note** If you're changing `pageExtensions` in `next.config.js` you'll have to update your middleware file name. -> ex: With `pageExtensions: ['page.tsx', 'page.ts']` it will be `middleware.page.ts`. +> **Note** the `pageExtensions` config affects middleware as well, [see related documentation here](/docs/api-reference/next.config.js/custom-page-extensions.md). ## Matching Paths