From 491fb6c432ae493af21893b575de41eb02793f0b Mon Sep 17 00:00:00 2001
From: tianyingchun <tianyingchun@outlook.com>
Date: Fri, 2 Aug 2024 11:40:48 +0800
Subject: [PATCH] chore: update add `subPath`

---
 apps/docs/src/app/page.tsx | 10 +++++-----
 apps/web/next.config.mjs   | 16 ++++++----------
 apps/web/src/middleware.ts |  7 ++++++-
 3 files changed, 17 insertions(+), 16 deletions(-)

diff --git a/apps/docs/src/app/page.tsx b/apps/docs/src/app/page.tsx
index 8ea47c7..c06f664 100644
--- a/apps/docs/src/app/page.tsx
+++ b/apps/docs/src/app/page.tsx
@@ -8,7 +8,7 @@ export default function Home() {
       <main className={styles.main}>
         <Image
           className={styles.logo}
-          src="/next.svg"
+          src="/docs/next.svg"
           alt="Next.js logo"
           width={180}
           height={38}
@@ -30,7 +30,7 @@ export default function Home() {
           >
             <Image
               className={styles.logo}
-              src="/vercel.svg"
+              src="/docs/vercel.svg"
               alt="Vercel logomark"
               width={20}
               height={20}
@@ -56,7 +56,7 @@ export default function Home() {
         >
           <Image
             aria-hidden
-            src="/file-text.svg"
+            src="/docs/file-text.svg"
             alt="File icon"
             width={16}
             height={16}
@@ -70,7 +70,7 @@ export default function Home() {
         >
           <Image
             aria-hidden
-            src="/window.svg"
+            src="/docs/window.svg"
             alt="Window icon"
             width={16}
             height={16}
@@ -84,7 +84,7 @@ export default function Home() {
         >
           <Image
             aria-hidden
-            src="/globe.svg"
+            src="/docs/globe.svg"
             alt="Globe icon"
             width={16}
             height={16}
diff --git a/apps/web/next.config.mjs b/apps/web/next.config.mjs
index fbd47ff..97913d9 100644
--- a/apps/web/next.config.mjs
+++ b/apps/web/next.config.mjs
@@ -1,4 +1,3 @@
-import { PHASE_PRODUCTION_BUILD } from 'next/constants.js';
 import withNextIntl from 'next-intl/plugin';
 import { codeInspectorPlugin } from 'code-inspector-plugin';
 import { z } from 'zod';
@@ -35,6 +34,7 @@ const buildEnv = getNextConfigEnv(
  */
 const config = {
   reactStrictMode: true,
+  basePath: '/web',
   output: buildEnv.NEXT_BUILD_ENV_OUTPUT,
   webpack(config) {
     if (isDev) {
@@ -51,12 +51,8 @@ const config = {
   },
 };
 
-export default (phase) => {
-  const isProd = phase === PHASE_PRODUCTION_BUILD;
-  return getNextConfig(
-    plugins.reduce((config, plugin) => plugin(config), {
-      ...config,
-      basePath: isProd ? '/web' : '',
-    })
-  );
-};
+export default getNextConfig(
+  plugins.reduce((config, plugin) => plugin(config), {
+    ...config,
+  })
+);
diff --git a/apps/web/src/middleware.ts b/apps/web/src/middleware.ts
index ee7f2ad..b6d1250 100644
--- a/apps/web/src/middleware.ts
+++ b/apps/web/src/middleware.ts
@@ -17,6 +17,11 @@ export default function middleware(req: NextRequest) {
 
 export const config = {
   // Skip all paths that should not be internationalized
-  matcher: ['/((?!api|_next|.*\\..*).*)'],
+  matcher: [
+    // This entry handles the root of the base
+    // path and should always be included
+    '/',
+    '/((?!api|_next|.*\\..*).*)',
+  ],
   runtime: 'nodejs',
 };