fix: catch Netlify env generateStaticParams errors

Author: wackerow

app/[locale]/[...slug]/page.tsx

@@ -98,14 +98,24 @@ export default async function Page({
 }
 
 export async function generateStaticParams() {
-  const slugs = await getPostSlugs("/")
-
-  return LOCALES_CODES.flatMap((locale) =>
-    slugs.map((slug) => ({
-      slug: slug.split("/").slice(1),
-      locale,
-    }))
-  )
+  try {
+    const slugs = await getPostSlugs("/")
+
+    return LOCALES_CODES.flatMap((locale) =>
+      slugs.map((slug) => ({
+        slug: slug.split("/").slice(1),
+        locale,
+      }))
+    )
+  } catch (error) {
+    // If content directory doesn't exist (e.g., in Netlify serverless environment),
+    // return empty array to allow ISR to handle all routes dynamically
+    console.warn(
+      "Content directory not found, enabling full dynamic routing:",
+      error
+    )
+    return []
+  }
 }
 
 export async function generateMetadata({

src/lib/utils/md.ts

@@ -21,42 +21,54 @@ export const getPostSlugs = async (dir: string, filterRegex?: RegExp) => {
   const contentRoot = getContentRoot()
   const _dir = join(contentRoot, dir)
 
-  // Get an array of all files and directories in the passed directory using `fs.readdirSync`
-  const dirContents = await fsp.readdir(_dir)
-
-  const files: string[] = []
-
-  // Create the full path of the file/directory by concatenating the passed directory and file/directory name
-  for (const fileOrDir of dirContents) {
-    // file = "about", "bridges".... "translations" (<-- skip that one)...
-    const path = join(_dir, fileOrDir)
-
-    const stats = await fsp.stat(path)
-    if (stats.isDirectory()) {
-      // Skip nested translations directory
-      if (fileOrDir === "translations") continue
-      // If it is a directory, recursively call the `getPostSlugs` function with the
-      // directory path and the files array
-      const nestedDir = join(dir, fileOrDir)
-
-      const nestedFiles = await getPostSlugs(nestedDir, filterRegex)
-      files.push(...nestedFiles)
-      continue
-    }
+  try {
+    // Get an array of all files and directories in the passed directory using `fs.readdirSync`
+    const dirContents = await fsp.readdir(_dir)
+
+    const files: string[] = []
+
+    // Create the full path of the file/directory by concatenating the passed directory and file/directory name
+    for (const fileOrDir of dirContents) {
+      // file = "about", "bridges".... "translations" (<-- skip that one)...
+      const path = join(_dir, fileOrDir)
+
+      const stats = await fsp.stat(path)
+      if (stats.isDirectory()) {
+        // Skip nested translations directory
+        if (fileOrDir === "translations") continue
+        // If it is a directory, recursively call the `getPostSlugs` function with the
+        // directory path and the files array
+        const nestedDir = join(dir, fileOrDir)
+
+        const nestedFiles = await getPostSlugs(nestedDir, filterRegex)
+        files.push(...nestedFiles)
+        continue
+      }
 
-    if (filterRegex?.test(path)) continue
+      if (filterRegex?.test(path)) continue
 
-    // If the current file is not a markdown file, skip it
-    if (extname(path) !== ".md") continue
+      // If the current file is not a markdown file, skip it
+      if (extname(path) !== ".md") continue
 
-    const sanitizedPath = toPosixPath(
-      path.replace(contentRoot, "").replace("/index.md", "")
-    )
+      const sanitizedPath = toPosixPath(
+        path.replace(contentRoot, "").replace("/index.md", "")
+      )
 
-    files.push(sanitizedPath)
-  }
+      files.push(sanitizedPath)
+    }
 
-  return files
+    return files
+  } catch (error) {
+    // If directory doesn't exist (e.g., in Netlify serverless environment), return empty array
+    if (error instanceof Error && "code" in error && error.code === "ENOENT") {
+      console.warn(
+        `Content directory ${_dir} not found, returning empty slug list`
+      )
+      return []
+    }
+    // Re-throw other errors
+    throw error
+  }
 }
 
 export const getTutorialsData = (locale: string): ITutorial[] => {