diff --git a/demos/middleware/middleware.ts b/demos/middleware/middleware.ts
index 006b84230c..2f53ce9657 100644
--- a/demos/middleware/middleware.ts
+++ b/demos/middleware/middleware.ts
@@ -3,7 +3,9 @@ import { NextFetchEvent, NextRequest } from 'next/server'
export function middleware(request: NextRequest, ev: NextFetchEvent) {
let response
- const {nextUrl: {pathname}} = request
+ const {
+ nextUrl: { pathname },
+ } = request
if (pathname.startsWith('/cookies')) {
response = NextResponse.next()
@@ -30,10 +32,14 @@ export function middleware(request: NextRequest, ev: NextFetchEvent) {
if (!response) {
response = NextResponse.next()
}
+
+ if (pathname.startsWith('/shows/static')) {
+ response.headers.set('x-middleware-date', new Date().toISOString())
+ }
+
response.headers.set('x-modified-edge', 'true')
response.headers.set('x-is-deno', 'Deno' in globalThis ? 'true' : 'false')
return response
}
-
}
diff --git a/demos/middleware/package.json b/demos/middleware/package.json
index 097a3c79b0..202d2b66c4 100644
--- a/demos/middleware/package.json
+++ b/demos/middleware/package.json
@@ -9,7 +9,7 @@
"ntl": "ntl-internal"
},
"dependencies": {
- "next": "^12.1.7-canary.12",
+ "next": "^12.1.7-canary.33",
"react": "18.0.0",
"react-dom": "18.0.0"
},
diff --git a/demos/middleware/pages/index.js b/demos/middleware/pages/index.js
index 5efeb43e6d..8d0905762d 100644
--- a/demos/middleware/pages/index.js
+++ b/demos/middleware/pages/index.js
@@ -25,6 +25,9 @@ export default function Home() {
Rewrite to external URL
+
+ Add header to static page
+
Cookie API
diff --git a/demos/middleware/pages/shows/static/[id].js b/demos/middleware/pages/shows/static/[id].js
new file mode 100644
index 0000000000..4cfadd6b30
--- /dev/null
+++ b/demos/middleware/pages/shows/static/[id].js
@@ -0,0 +1,55 @@
+import { useRouter } from 'next/router'
+import Link from 'next/link'
+
+const Show = ({ show }) => {
+ const router = useRouter()
+
+ if (router.isFallback) {
+ return
Loading...
+ }
+
+ return (
+
+
+ Check the network panel for the header x-middleware-date to ensure that it is running
+
+
+
+ Show 3 and show 4 are pre-rendered
+
+
Show #{show.id}
+
{show.name}
+
+
+
+
+
Go back home
+
+