fix: updatiing demo to showcase missing matcher

Author: taty2010

demos/middleware/middleware.ts

@@ -56,6 +56,7 @@ export async function middleware(req: NextRequest) {
   if (pathname.startsWith('/cookies')) {
     response = NextResponse.next()
     response.cookies.set('netlifyCookie', 'true')
+    response.cookies.set('missingCookie', 'true')
     return response
   }
 
@@ -66,6 +67,12 @@ export async function middleware(req: NextRequest) {
     return response
   }
 
+  if (pathname.startsWith('/missing')) {
+    response = NextResponse.next()
+    response.headers.set('x-cookie-missing', 'true')
+    return response
+  }
+
   if (pathname.startsWith('/shows')) {
     if (pathname.startsWith('/shows/222')) {
       response = NextResponse.next()
@@ -130,5 +137,14 @@ export const config = {
         },
       ],
     },
+    {
+      source: '/missing',
+      missing: [
+        {
+          type: 'cookie',
+          key: 'missingCookie',
+        }
+      ],
+    },
   ],
 }

demos/middleware/pages/missing.js

@@ -0,0 +1,13 @@
+import * as React from 'react'
+import Link from 'next/link'
+
+const Missing = () => {
+  return (
+    <div>
+      <p>Will Check if 'missingCookie' is missing and display headers</p>
+      <p>To test go to <Link href="/cookies">cookies page</Link> and come back</p>
+    </div>
+  )
+}
+
+export default Missing