feat: remove routing i18n, use env instead

Author: xiaoyu2er

apps/docs/.env.example

@@ -1,6 +1,5 @@
 # https://fumadocs.dev/docs/mdx/async
 MDX_ASYNC=
-EN_DOMAIN=nextjs.im
-ZH_HANS_DOMAIN=zh-hans.nextjs.im
+LOCALE=en
 ORAMA_PRIVATE_API_KEY_EN=
 ORAMA_PRIVATE_API_KEY_ZH_HANS=

apps/docs/global.ts

@@ -1,9 +1,7 @@
-import type { routing } from '@/i18n/routing';
 import type messages from './messages/en.json';
 
 declare module 'next-intl' {
   interface AppConfig {
-    Locale: (typeof routing.locales)[number];
     Messages: typeof messages;
   }
 }

apps/docs/source.config.ts

@@ -17,7 +17,10 @@ if (!asyncMode && process.env.NODE_ENV === 'development') {
   );
 }
 
-const defaultDocsOptions = {
+// You can customise Zod schemas for frontmatter and `meta.json` here
+// see https://fumadocs.dev//docs/mdx/collections#define-docs
+export const docs = defineDocs({
+  dir: `content/${process.env.LOCALE}/docs`,
   docs: {
     async: asyncMode,
     schema: frontmatterSchema.extend({
@@ -35,18 +38,6 @@ const defaultDocsOptions = {
   meta: {
     schema: metaSchema,
   },
-};
-
-// You can customise Zod schemas for frontmatter and `meta.json` here
-// see https://fumadocs.dev//docs/mdx/collections#define-docs
-export const docs_en = defineDocs({
-  dir: 'content/en/docs',
-  ...defaultDocsOptions,
-});
-
-export const docs_zh_hans = defineDocs({
-  dir: 'content/zh-hans/docs',
-  ...defaultDocsOptions,
 });
 
 export default defineConfig({

apps/docs/src/app/[locale]/(home)/layout.tsx renamed to apps/docs/src/app/(home)/layout.tsx

@@ -1,4 +1,4 @@
-import { type Locale, useTranslations } from 'next-intl';
+import { useTranslations } from 'next-intl';
 import { getTranslations } from 'next-intl/server';
 import Link from 'next/link';
 
@@ -27,11 +27,8 @@ export default function HomePage() {
 //   return routing.locales.map((locale) => ({ locale }));
 // }
 
-export async function generateMetadata(props: {
-  params: Promise<{ locale: Locale }>;
-}) {
-  const { locale } = await props.params;
-  const t = await getTranslations({ locale, namespace: 'HomePage' });
+export async function generateMetadata() {
+  const t = await getTranslations('HomePage');
 
   return {
     title: t('title'),

apps/docs/src/app/[locale]/(home)/page.tsx renamed to apps/docs/src/app/(home)/page.tsx

@@ -1,9 +1,8 @@
 import { DocsLayout } from '@/components/layout';
-import { routing } from '@/i18n/routing';
 import { type RouterType, routerTypeCookie } from '@/lib/const';
 import { getPage } from '@/lib/page';
 import { getDocsLayoutTree, getPageTreePeers } from '@/lib/pageTree';
-import { type Page, type Source, sourceMap } from '@/lib/source';
+import { type Page, type Source, source } from '@/lib/source';
 import { getDocId, getDocUrl, parseDocId } from '@/lib/utils';
 import { getMDXComponents } from '@/mdx-components';
 import { Identity } from '@/mdx/Identity';
@@ -12,21 +11,21 @@ import { Card, Cards } from 'fumadocs-ui/components/card';
 import { createRelativeLink } from 'fumadocs-ui/mdx';
 import { DocsBody, DocsPage, DocsTitle } from 'fumadocs-ui/page';
 import { type Locale, useLocale } from 'next-intl';
+import { getLocale } from 'next-intl/server';
 import { cookies } from 'next/headers';
 import { notFound } from 'next/navigation';
 
 export default async function Docs(props: {
-  params: Promise<{ locale: Locale; slug: string[] }>;
+  params: Promise<{ slug: string[] }>;
 }) {
+  const locale: Locale = await getLocale();
   const routerType = (await cookies()).get(routerTypeCookie)
     ?.value as RouterType;
   const params = await props.params;
   const slug = params.slug || [];
-  const locale = params.locale;
-  const source = sourceMap[locale];
   const docUrl = getDocUrl(slug);
   const docId = getDocId(locale, docUrl);
-  const page = getPage(locale, docUrl);
+  const page = getPage(docUrl);
   if (!page) notFound();
   const { isApp, isPages } = parseDocId(docId);
   // @ts-ignore
@@ -39,7 +38,7 @@ export default async function Docs(props: {
   const ref = page.data.source;
   if (ref) {
     const refUrl = getDocUrl(ref);
-    const refPage = getPage(locale, refUrl);
+    const refPage = getPage(refUrl);
     if (!refPage) notFound();
     // @ts-ignore
     const { body: MdxContent2, toc: toc2 } = refPage.data.load
@@ -104,7 +103,7 @@ function DocsRelated({ page }: { page: Page }) {
   const relatedLinks = page.data.related?.links || [];
   const pages = relatedLinks
     .map((link) => {
-      return getPage(locale, getDocUrl(link));
+      return getPage(getDocUrl(link));
     })
     .filter(Boolean) as Page[];
   return (
@@ -124,24 +123,17 @@ function DocsRelated({ page }: { page: Page }) {
   );
 }
 
-// export async function generateStaticParams() {
-//   const staticParams = routing.locales.flatMap((locale) => {
-//     return sourceMap[locale].generateParams().map((params) => {
-//       return {
-//         locale,
-//         ...params,
-//       };
-//     });
-//   });
-//   return staticParams;
-// }
+export async function generateStaticParams() {
+  if (process.env.GEN_DOC_STATIC !== 'true') return [];
+  return source.generateParams();
+}
 
 export async function generateMetadata(props: {
-  params: Promise<{ slug?: string[]; locale: Locale }>;
+  params: Promise<{ slug?: string[] }>;
 }) {
   const params = await props.params;
   const url = getDocUrl(params.slug);
-  const page = getPage(params.locale, url);
+  const page = getPage(url);
   if (!page) notFound();
 
   return {

apps/docs/src/app/[locale]/static/[page]/route.ts

@@ -1,30 +1,20 @@
 import { NextIntlClientProvider, hasLocale } from 'next-intl';
 import './global.css';
-import { Provider } from '@/app/[locale]/provider';
-import { routing } from '@/i18n/routing';
+import { Provider } from '@/app/provider';
 
-import { setRequestLocale } from 'next-intl/server';
+import { getLocale } from 'next-intl/server';
 import { Inter } from 'next/font/google';
-import { notFound } from 'next/navigation';
 
 const inter = Inter({
   subsets: ['latin'],
 });
 
 export default async function Layout({
   children,
-  params,
 }: {
   children: React.ReactNode;
-  params: Promise<{ locale: string }>;
 }) {
-  // Ensure that the incoming `locale` is valid
-  const { locale } = await params;
-  if (!hasLocale(routing.locales, locale)) {
-    notFound();
-  }
-  // Enable static rendering
-  setRequestLocale(locale);
+  const locale = await getLocale();
 
   return (
     <html lang={locale} className={inter.className} suppressHydrationWarning>