chore: add demos

Author: ascorbic

demos/middleware/pages/index.js

@@ -16,7 +16,9 @@ export default function Home() {
           Welcome to <a href="https://nextjs.org">Next.js!</a>
         </h1>
 
-        <p><Link href="/shows/rewriteme">Rewrite me</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>
       </main>
     </div>
   )

demos/middleware/pages/shows/rewrite-absolute/_middleware.ts

@@ -0,0 +1,8 @@
+import { NextResponse } from 'next/server'
+import { NextFetchEvent, NextRequest } from 'next/server'
+
+export function middleware(req: NextRequest, ev: NextFetchEvent) {
+  const res = NextResponse.rewrite(new URL('/shows/100', req.url))
+  res.headers.set('x-modified-in-rewrite', 'true')
+  return res
+}

demos/middleware/pages/shows/rewrite-absolute/index.js

@@ -0,0 +1,9 @@
+const Show = () => {
+  return (
+    <div>
+      <p>This should have been rewritten</p>
+    </div>
+  )
+}
+
+export default Show

demos/middleware/pages/shows/rewrite-external/_middleware.ts

@@ -0,0 +1,8 @@
+import { NextResponse } from 'next/server'
+import { NextFetchEvent, NextRequest } from 'next/server'
+
+export function middleware(req: NextRequest, ev: NextFetchEvent) {
+  const res = NextResponse.rewrite('http://example.com/')
+  res.headers.set('x-modified-in-rewrite', 'true')
+  return res
+}

demos/middleware/pages/shows/rewrite-external/index.js

@@ -0,0 +1,9 @@
+const Show = () => {
+  return (
+    <div>
+      <p>This should have been rewritten</p>
+    </div>
+  )
+}
+
+export default Show