add code to reproduce the issue

inside · Dec 5, 2023 · 1c7830f · 1c7830f
1 parent c0ea462
commit 1c7830f
Show file tree

Hide file tree

Showing 9 changed files with 106 additions and 156 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -9,9 +9,9 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "next": "^14.0.4-canary.40",
     "react": "^18",
-    "react-dom": "^18",
-    "next": "13.5.6"
+    "react-dom": "^18"
   },
   "devDependencies": {
     "eslint": "^8",

diff --git a/src/middleware.js b/src/middleware.js
@@ -0,0 +1,5 @@
+console.log('### middleware imported')
+
+export function middleware(request) {
+  console.log('### middleware called:', request.url)
+}
diff --git a/src/pages/index.js b/src/pages/index.js
@@ -1,114 +1,23 @@
-import Head from 'next/head'
-import Image from 'next/image'
-import { Inter } from 'next/font/google'
-import styles from '@/styles/Home.module.css'
-
-const inter = Inter({ subsets: ['latin'] })
+import Link from 'next/link'
 
 export default function Home() {
   return (
-    <>
-      <Head>
-        <title>Create Next App</title>
-        <meta name="description" content="Generated by create next app" />
-        <meta name="viewport" content="width=device-width, initial-scale=1" />
-        <link rel="icon" href="/favicon.ico" />
-      </Head>
-      <main className={`${styles.main} ${inter.className}`}>
-        <div className={styles.description}>
-          <p>
-            Get started by editing&nbsp;
-            <code className={styles.code}>src/pages/index.js</code>
-          </p>
-          <div>
-            <a
-              href="https://vercel.com?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
-              target="_blank"
-              rel="noopener noreferrer"
-            >
-              By{' '}
-              <Image
-                src="/vercel.svg"
-                alt="Vercel Logo"
-                className={styles.vercelLogo}
-                width={100}
-                height={24}
-                priority
-              />
-            </a>
-          </div>
-        </div>
-
-        <div className={styles.center}>
-          <Image
-            className={styles.logo}
-            src="/next.svg"
-            alt="Next.js Logo"
-            width={180}
-            height={37}
-            priority
-          />
-        </div>
-
-        <div className={styles.grid}>
-          <a
-            href="https://nextjs.org/docs?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
-            className={styles.card}
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            <h2>
-              Docs <span>-&gt;</span>
-            </h2>
-            <p>
-              Find in-depth information about Next.js features and&nbsp;API.
-            </p>
-          </a>
-
-          <a
-            href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
-            className={styles.card}
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            <h2>
-              Learn <span>-&gt;</span>
-            </h2>
-            <p>
-              Learn about Next.js in an interactive course with&nbsp;quizzes!
-            </p>
-          </a>
-
-          <a
-            href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
-            className={styles.card}
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            <h2>
-              Templates <span>-&gt;</span>
-            </h2>
-            <p>
-              Discover and deploy boilerplate example Next.js&nbsp;projects.
-            </p>
-          </a>
-
-          <a
-            href="https://vercel.com/new?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
-            className={styles.card}
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            <h2>
-              Deploy <span>-&gt;</span>
-            </h2>
-            <p>
-              Instantly deploy your Next.js site to a shareable URL
-              with&nbsp;Vercel.
-            </p>
-          </a>
-        </div>
-      </main>
-    </>
+    <ul>
+      <li>
+        <Link href="/page1">go to page1</Link>
+      </li>
+      <li>
+        <Link href="/page2">go to page2</Link>
+      </li>
+      <li>
+        <Link href="/page3">go to page3</Link>
+      </li>
+      <li>
+        <Link href="/page4">go to page4</Link>
+      </li>
+      <li>
+        <Link href="/page5">go to page5</Link>
+      </li>
+    </ul>
   )
 }
diff --git a/src/pages/page1.js b/src/pages/page1.js
@@ -0,0 +1,7 @@
+export default function Page1() {
+  return (
+    <h1>
+      hello page1
+    </h1>
+  )
+}
diff --git a/src/pages/page2.js b/src/pages/page2.js
@@ -0,0 +1,7 @@
+export default function Page2() {
+  return (
+    <h1>
+      hello page2
+    </h1>
+  )
+}
diff --git a/src/pages/page3.js b/src/pages/page3.js
@@ -0,0 +1,7 @@
+export default function Page3() {
+  return (
+    <h1>
+      hello page3
+    </h1>
+  )
+}
diff --git a/src/pages/page4.js b/src/pages/page4.js
@@ -0,0 +1,7 @@
+export default function Page4() {
+  return (
+    <h1>
+      hello page4
+    </h1>
+  )
+}
diff --git a/src/pages/page5.js b/src/pages/page5.js
@@ -0,0 +1,7 @@
+export default function Page5() {
+  return (
+    <h1>
+      hello page5
+    </h1>
+  )
+}