slug i18n

lib/pages.ts

@@ -1,6 +1,7 @@
 import fs from 'fs';
 import path from 'path';
 import matter from 'gray-matter';
+import { mapSlugToFileSlug } from './slugs';
 
 export interface PageFrontmatter {
   title: string;
@@ -16,8 +17,10 @@ export interface PageMdx {
 }
 
 export async function getPageBySlug(slug: string, locale: string): Promise<PageMdx | null> {
+  // Map translated slug to file slug
+  const fileSlug = await mapSlugToFileSlug(slug, locale);
   const pagesDir = path.join(process.cwd(), 'data', 'pages', locale);
-  const filePath = path.join(pagesDir, `${slug}.mdx`);
+  const filePath = path.join(pagesDir, `${fileSlug}.mdx`);
 
   if (!fs.existsSync(filePath)) {
     return null;
@@ -27,7 +30,7 @@ export async function getPageBySlug(slug: string, locale: string): Promise<PageM
   const { data, content } = matter(fileContent);
 
   return {
-    slug,
+    slug: fileSlug,
     frontmatter: data as PageFrontmatter,
     content,
   };
@@ -41,7 +44,17 @@ export async function getAllPages(locale: string): Promise<PageMdx[]> {
   const pages = await Promise.all(
     files
       .filter(file => file.endsWith('.mdx'))
-      .map(file => getPageBySlug(file.replace(/\.mdx$/, ''), locale))
+      .map(file => {
+        const fileSlug = file.replace(/\.mdx$/, '');
+        const filePath = path.join(pagesDir, file);
+        const fileContent = { content: fs.readFileSync(filePath, 'utf8') };
+        const { data, content } = matter(fileContent.content);
+        return {
+          slug: fileSlug,
+          frontmatter: data as PageFrontmatter,
+          content,
+        };
+      })
   );
 
   return pages.filter((p): p is PageMdx => p !== null);