chore: add example of cookies api to middleware demo (#1350)

* chore: add demo of newer cookies api

* chore: set prefetch to false

Author: sarahetter

demos/middleware/package.json

@@ -9,7 +9,7 @@
     "ntl": "ntl-internal"
   },
   "dependencies": {
-    "next": "^12.1.7-canary.1",
+    "next": "^12.1.7-canary.4",
     "react": "18.0.0",
     "react-dom": "18.0.0"
   },

demos/middleware/pages/cookies/_middleware.ts

@@ -0,0 +1,8 @@
+import { NextResponse } from 'next/server'
+import { NextFetchEvent, NextRequest } from 'next/server'
+
+export function middleware(req: NextRequest, ev: NextFetchEvent) {
+  let res = NextResponse.next()
+  res.cookies.set('netlifyCookie', 'true')
+  return res
+}

demos/middleware/pages/cookies/index.js

@@ -0,0 +1,9 @@
+const Cookies = () => {
+  return (
+    <div>
+      <p>The cookie "netlifyCookie" should be set to true</p>
+    </div>
+  )
+}
+
+export default Cookies

demos/middleware/pages/index.js

@@ -16,9 +16,20 @@ export default function Home() {
           Welcome to <a href="https://nextjs.org">Next.js!</a>
         </h1>
 
-        <p><Link href="/shows/rewriteme">Rewrite URL</Link></p>
-        <p><Link href="/shows/rewrite-absolute">Rewrite to absolute URL</Link></p>
-        <p><Link href="/shows/rewrite-external">Rewrite to external URL</Link></p>
+        <p>
+          <Link href="/shows/rewriteme">Rewrite URL</Link>
+        </p>
+        <p>
+          <Link href="/shows/rewrite-absolute">Rewrite to absolute URL</Link>
+        </p>
+        <p>
+          <Link href="/shows/rewrite-external">Rewrite to external URL</Link>
+        </p>
+        <p>
+          <Link href="/cookies" prefetch={false}>
+            Cookie API
+          </Link>
+        </p>
       </main>
     </div>
   )

demos/middleware/tsconfig.json

@@ -18,5 +18,10 @@
   "exclude": [
     "node_modules",
     "../../src/templates/edge/*"
+  ],
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx"
   ]
 }