Merge pull request #13040 from ethereum/fixed-locale-prefix

Bump netlify/next runtime and fix api routes in middleware

Author: wackerow

netlify.toml

@@ -36,26 +36,4 @@
   [[plugins.inputs.audits]]
     path = "en/developers/docs/intro-to-ethereum/"
   [[plugins.inputs.audits]]
-    path = "en/developers/tutorials/creating-a-wagmi-ui-for-your-contract/"
-
-[functions]
-
-  [functions.___netlify-odb-handler]
-    external_node_modules = ["sharp"]
-    included_files = [
-      "./src/intl/**/*",
-      "!./public/**/*",
-      "node_modules/next/dist/server/future/route-modules/pages/vendored/contexts/router-context*",
-      "node_modules/next/dist/server/future/route-modules/pages/vendored/contexts/amp-context*",
-      "node_modules/next/dist/server/future/route-modules/pages/vendored/contexts/head-manager-context*",
-      "node_modules/sharp/**/*",
-    ]
-
-  [functions.___netlify-handler]
-    included_files = [
-      "./src/intl/**/*",
-      "!./public/**/*",
-      "node_modules/next/dist/server/future/route-modules/pages/vendored/contexts/router-context*",
-      "node_modules/next/dist/server/future/route-modules/pages/vendored/contexts/amp-context*",
-      "node_modules/next/dist/server/future/route-modules/pages/vendored/contexts/head-manager-context*",
-    ]
+    path = "en/developers/tutorials/creating-a-wagmi-ui-for-your-contract/"

next.config.js

@@ -41,7 +41,29 @@ module.exports = (phase, { defaultConfig }) => {
   }
 
   if (phase !== PHASE_DEVELOPMENT_SERVER) {
-    nextConfig = { ...nextConfig, experimental }
+    nextConfig = {
+      ...nextConfig,
+      experimental: {
+        ...experimental,
+        outputFileTracingExcludes: {
+          "*": [
+            /**
+             * Exclude these paths from the trace output to avoid bloating the
+             * Netlify functions bundle.
+             *
+             * @see https://github.com/orgs/vercel/discussions/103#discussioncomment-5427097
+             * @see https://nextjs.org/docs/app/api-reference/next-config-js/output#automatically-copying-traced-files
+             */
+            "node_modules/@swc/core-linux-x64-gnu",
+            "node_modules/@swc/core-linux-x64-musl",
+            "node_modules/@esbuild/linux-x64",
+            "public/**/*.png",
+            "public/**/*.gif",
+            "src/data",
+          ],
+        },
+      },
+    }
   }
 
   return nextConfig

package.json

@@ -61,7 +61,7 @@
   },
   "devDependencies": {
     "@chakra-ui/cli": "^2.4.1",
-    "@netlify/plugin-nextjs": "^4.41.3",
+    "@netlify/plugin-nextjs": "^5.0.0",
     "@storybook/addon-essentials": "7.6.6",
     "@storybook/addon-interactions": "7.6.6",
     "@storybook/addon-links": "7.6.6",

src/middleware.ts

@@ -26,20 +26,23 @@ export const config = {
     "/", // explicit matcher for root route
     /*
      * Match all request paths except for the ones starting with:
-     * - api (API routes)
      * - _next/static (static files)
      */
-    "/((?!api|_next/static).*)",
+    "/((?!_next/static).*)",
   ],
 }
 
 // Middleware required to always display the locale prefix in the URL. It
 // redirects to the default locale if the locale is not present in the URL
 export async function middleware(req: NextRequest) {
-  const { pathname, locale } = req.nextUrl
-
-  if (pathname.startsWith("/_next") || PUBLIC_FILE.test(pathname)) {
-    return NextResponse.next()
+  const { pathname, locale, search } = req.nextUrl
+
+  if (
+    pathname.startsWith("/_next") ||
+    pathname.includes("/api/") ||
+    PUBLIC_FILE.test(pathname)
+  ) {
+    return
   }
 
   if (locale === FAKE_LOCALE) {
@@ -48,7 +51,7 @@ export async function middleware(req: NextRequest) {
     const localeDetected = detectLocale(req.headers.get("accept-language"))
     const locale = localeDetected || DEFAULT_LOCALE
 
-    const redirectUrl = new URL(`/${locale}${pathname}`, req.url)
+    const redirectUrl = new URL(`/${locale}${pathname}${search}`, req.url)
 
     // Add trailing slash if it's not present
     if (!redirectUrl.pathname.endsWith("/")) {
@@ -57,6 +60,4 @@ export async function middleware(req: NextRequest) {
 
     return NextResponse.redirect(redirectUrl, { status: 301 })
   }
-
-  return NextResponse.next()
 }