init

app/[locale]/about/[section]/page.tsx

@@ -0,0 +1,121 @@
+import MDXComponents from "@/components/mdx/MDXComponents";
+import { Locale, LOCALES } from "@/i18n/routing";
+import { constructMetadata } from "@/lib/metadata";
+import fs from "fs/promises";
+import { Metadata } from "next";
+import { getTranslations } from "next-intl/server";
+import { MDXRemote } from "next-mdx-remote-client/rsc";
+import path from "path";
+import remarkGfm from "remark-gfm";
+
+// 强制静态渲染
+export const dynamic = "force-static";
+
+const options = {
+  parseFrontmatter: true,
+  mdxOptions: {
+    remarkPlugins: [remarkGfm],
+    rehypePlugins: [],
+  },
+};
+
+// 增强：添加参数校验，防止undefined
+async function getMDXContent(locale: string, section: string) {
+  // 兜底校验：确保参数是字符串
+  const validLocale = locale?.trim() || "en"; // 兜底为默认语言
+  const validSection = section?.trim() || "company"; // 兜底为默认section
+
+  // 校验LOCALES是否包含当前locale
+  if (!LOCALES.includes(validLocale)) {
+    console.error(`Locale "${validLocale}" not found in LOCALES!`);
+    return "";
+  }
+
+  const filePath = path.join(
+    process.cwd(),
+    "content",
+    "about",
+    validSection, // 使用校验后的section
+    `${validLocale}.mdx` // 使用校验后的locale
+  );
+
+  try {
+    // 先检查文件是否存在，避免读取不存在的文件
+    await fs.access(filePath);
+    const content = await fs.readFile(filePath, "utf-8");
+    return content;
+  } catch (error) {
+    console.error(`Error accessing/reading MDX file (${filePath}):`, error);
+    return "";
+  }
+}
+
+// 修正：路由参数类型（locale + section）
+type Params = {
+  locale: string;
+  section: string;
+};
+
+type MetadataProps = {
+  params: Params;
+};
+
+export async function generateMetadata({
+  params,
+}: MetadataProps): Promise<Metadata> {
+  const { locale, section } = params;
+  const t = await getTranslations({ locale, namespace: "About" });
+
+  return constructMetadata({
+    page: `About - ${section}`,
+    title: t(`title`) || t("title"), // 适配不同section的标题
+    description: t(`description`) || t("description"),
+    locale: locale as Locale,
+    path: `/about/${section}`,
+    canonicalUrl: `/about/${section}`,
+  });
+}
+
+// 页面组件：从params获取locale和section（路由参数）
+export default async function AboutPage({
+  params,
+}: {
+  params: Promise<Params>;
+}) {
+  const { locale, section } = await params;
+
+  console.log(`Rendering AboutPage for locale: ${locale}, section: ${section}`);
+  // 调用带校验的getContent函数
+  const content = await getMDXContent(locale, section);
+
+  return (
+    <article className="w-full md:w-3/5 px-2 md:px-12">
+      <MDXRemote
+        source={content}
+        components={MDXComponents}
+        options={options}
+      />
+    </article>
+  );
+}
+
+// 关键：生成locale + section的所有静态组合（覆盖vi/organization等）
+export async function generateStaticParams() {
+  // const sections = ['company', 'awards', 'base', 'culture', 'history', 'organization'];
+  const sections = ['company'];
+
+  // 确保LOCALES包含"vi"（越南语），否则会生成undefined！
+  // if (!LOCALES.includes("vi")) {
+  //   console.warn("⚠️ LOCALES does not include 'vi'! Add it to fix /vi/about/* paths.");
+  //   // 临时兜底：如果没有vi，手动添加（或检查你的i18n/routing.ts）
+  //   // LOCALES.push("vi"); 
+  // }
+
+  // 生成所有locale × section的组合
+  return LOCALES.flatMap((locale) =>
+    sections.map((section) => ({
+      locale,
+      section,
+    }))
+  );
+}