Merge pull request #12266 from TylerAPfledderer/build/next-14-netlify-workaround

build(deps): bump Next to v14 with Netlify build Workaround

Author: pettinarip

netlify.toml

@@ -39,9 +39,21 @@
     path = "en/developers/tutorials/creating-a-wagmi-ui-for-your-contract/"
 
 [functions]
-  included_files = [
-    "./src/intl/**/*",
-    "!./public/**/*",
-    "!./node_modules/@swc/core-linux-x64-musl/**/*",
-    "!./node_modules/@swc/core-linux-x64-gnu/**/*",
-  ]
+
+  [functions.___netlify-odb-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*",
+    ]
+
+  [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*",
+    ]

package.json

@@ -41,7 +41,7 @@
     "lodash.merge": "^4.6.2",
     "lodash.shuffle": "^4.2.0",
     "lodash.union": "^4.6.0",
-    "next": "13.4.8",
+    "next": "^14.2.3",
     "next-i18next": "^14.0.3",
     "next-mdx-remote": "^3.0.8",
     "next-sitemap": "^4.2.3",
@@ -73,12 +73,12 @@
     "@types/decompress": "^4.2.7",
     "@types/hast": "^3.0.0",
     "@types/node": "^20.4.2",
-    "@types/react": "^18.2.15",
-    "@types/react-dom": "^18.2.7",
+    "@types/react": "18.2.57",
+    "@types/react-dom": "18.2.19",
     "chromatic": "^10.5.0",
     "decompress": "^4.2.1",
     "eslint": "^8.45.0",
-    "eslint-config-next": "^13.0.0",
+    "eslint-config-next": "^14.2.2",
     "eslint-config-prettier": "^9.0.0",
     "eslint-plugin-simple-import-sort": "^10.0.0",
     "eslint-plugin-storybook": "^0.6.15",

src/lib/utils/md.ts

@@ -18,10 +18,13 @@ import { toPosixPath } from "./relativePath"
 
 import { ITutorial } from "@/pages/developers/tutorials"
 
-const CURRENT_CONTENT_DIR = join(process.cwd(), CONTENT_DIR)
+function getCurrentDir() {
+  return join(process.cwd(), CONTENT_DIR)
+}
 
 const getPostSlugs = (dir: string, files: string[] = []) => {
-  const contentDir = join(CURRENT_CONTENT_DIR, dir)
+  const currentDir = getCurrentDir()
+  const contentDir = join(currentDir, dir)
   // Temporal list of content pages allowed to be compiled
   // When a content page is migrated (and he components being used), should be added to this list
   const temporalAllowedPages = [
@@ -290,14 +293,12 @@ const getPostSlugs = (dir: string, files: string[] = []) => {
       if (fileExtension === ".md") {
         // If it is a .md file (allowed content page), push the path to the files array
         for (const page of temporalAllowedPages) {
-          const fullPagePath = join(CURRENT_CONTENT_DIR, page)
+          const fullPagePath = join(currentDir, page)
 
           if (name.includes(fullPagePath)) {
             files.push(
               toPosixPath(
-                fullPagePath
-                  .replace(CURRENT_CONTENT_DIR, "")
-                  .replace("/index.md", "")
+                fullPagePath.replace(currentDir, "").replace("/index.md", "")
               )
             )
           }
@@ -320,7 +321,8 @@ export const getContentBySlug = (slug: string) => {
     }
   }
 
-  let fullPath = toPosixPath(join(CURRENT_CONTENT_DIR, realSlug))
+  const currentDir = getCurrentDir()
+  let fullPath = toPosixPath(join(currentDir, realSlug))
   let contentNotTranslated = false
 
   // If content is not translated, use english content fallback
@@ -350,8 +352,9 @@ export const getContent = (dir: string) => {
 }
 
 export const getTutorialsData = (locale: string): ITutorial[] => {
+  const currentDir = getCurrentDir()
   const fullPath = join(
-    CURRENT_CONTENT_DIR,
+    currentDir,
     locale !== "en" ? `translations/${locale!}` : "",
     "developers/tutorials"
   )
@@ -362,7 +365,7 @@ export const getTutorialsData = (locale: string): ITutorial[] => {
 
     tutorialData = languageTutorialFiles.map((dir) => {
       const filePath = join(
-        CURRENT_CONTENT_DIR,
+        currentDir,
         locale !== "en" ? `translations/${locale!}` : "",
         "developers/tutorials",
         dir,