feat(web): add i18n support with French and English languages

- Move app structure to src/ directory
- Add Fumadocs i18n configuration (French default, English secondary)
- Add language switcher components for docs and landing page
- Translate all documentation to French
- Configure Next.js 16 proxy for locale handling
- Hide default locale (fr) in URLs for cleaner paths

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: ArthurDEV44

apps/web/app/docs/layout.tsx

@@ -5,7 +5,7 @@
   "tsx": true,
   "tailwind": {
     "config": "",
-    "css": "app/globals.css",
+    "css": "src/app/globals.css",
     "baseColor": "neutral",
     "cssVariables": true,
     "prefix": ""

apps/web/components.json

@@ -1,7 +1,7 @@
 import { defineDocs, defineConfig } from "fumadocs-mdx/config";
 
 export const docs = defineDocs({
-  dir: "content/docs",
+  dir: "src/content/docs",
 });
 
 export default defineConfig({

apps/web/source.config.ts

@@ -17,10 +17,10 @@ interface ExtendedPageData {
 }
 
 export default async function Page(props: {
-  params: Promise<{ slug?: string[] }>;
+  params: Promise<{ slug?: string[]; lang: string }>;
 }) {
   const params = await props.params;
-  const page = source.getPage(params.slug);
+  const page = source.getPage(params.slug, params.lang);
   if (!page) notFound();
 
   const data = page.data as unknown as ExtendedPageData;
@@ -42,10 +42,10 @@ export async function generateStaticParams() {
 }
 
 export async function generateMetadata(props: {
-  params: Promise<{ slug?: string[] }>;
+  params: Promise<{ slug?: string[]; lang: string }>;
 }) {
   const params = await props.params;
-  const page = source.getPage(params.slug);
+  const page = source.getPage(params.slug, params.lang);
   if (!page) notFound();
 
   return {

apps/web/app/(marketing)/layout.tsx …eb/src/app/[lang]/(marketing)/layout.tsxapps/web/app/(marketing)/layout.tsx renamed to apps/web/src/app/[lang]/(marketing)/layout.tsx apps/web/app/(marketing)/layout.tsx renamed to apps/web/src/app/[lang]/(marketing)/layout.tsx

@@ -0,0 +1,49 @@
+import { DocsLayout } from "fumadocs-ui/layouts/docs";
+import type { ReactNode } from "react";
+import { source } from "@/lib/source";
+import { RootProvider } from "fumadocs-ui/provider/next";
+import { DocsLanguageSwitcher } from "@/components/DocsLanguageSwitcher";
+import "fumadocs-ui/style.css";
+
+export default async function Layout({
+  children,
+  params,
+}: {
+  children: ReactNode;
+  params: Promise<{ lang: string }>;
+}) {
+  const { lang } = await params;
+
+  return (
+    <RootProvider
+      i18n={{
+        locale: lang,
+        locales: [
+          { locale: "fr", name: "Français" },
+          { locale: "en", name: "English" },
+        ],
+      }}
+    >
+      <DocsLayout
+        tree={source.pageTree[lang]!}
+        nav={{
+          title: "Distill",
+          url: `/${lang === "fr" ? "" : lang}`,
+          children: <DocsLanguageSwitcher />,
+        }}
+        sidebar={{
+          defaultOpenLevel: 1,
+        }}
+        links={[
+          {
+            text: "GitHub",
+            url: "https://github.com/ArthurDEV44/distill",
+            external: true,
+          },
+        ]}
+      >
+        {children}
+      </DocsLayout>
+    </RootProvider>
+  );
+}

apps/web/app/(marketing)/page.tsx …/web/src/app/[lang]/(marketing)/page.tsxapps/web/app/(marketing)/page.tsx renamed to apps/web/src/app/[lang]/(marketing)/page.tsx apps/web/app/(marketing)/page.tsx renamed to apps/web/src/app/[lang]/(marketing)/page.tsx

@@ -1,6 +1,5 @@
 import type { Metadata } from "next";
-import { Toaster } from "sonner";
-import "./globals.css";
+import type { ReactNode } from "react";
 
 export const metadata: Metadata = {
   title: {
@@ -26,28 +25,19 @@ export const metadata: Metadata = {
     url: "https://distill.dev",
     siteName: "Distill",
     title: "Distill - Context Engineering for LLMs",
-    description:
-      "Open source MCP server for LLM token optimization.",
+    description: "Open source MCP server for LLM token optimization.",
   },
   twitter: {
     card: "summary_large_image",
     title: "Distill - Context Engineering for LLMs",
-    description:
-      "Open source MCP server for LLM token optimization.",
+    description: "Open source MCP server for LLM token optimization.",
   },
 };
 
-export default function RootLayout({
+export default async function LangLayout({
   children,
-}: Readonly<{
-  children: React.ReactNode;
-}>) {
-  return (
-    <html lang="en" className="dark" suppressHydrationWarning>
-      <body className="min-h-screen antialiased">
-        {children}
-        <Toaster position="bottom-right" />
-      </body>
-    </html>
-  );
+}: {
+  children: ReactNode;
+}) {
+  return <>{children}</>;
 }

apps/web/app/docs/[[...slug]]/page.tsx …src/app/[lang]/docs/[[...slug]]/page.tsxapps/web/app/docs/[[...slug]]/page.tsx renamed to apps/web/src/app/[lang]/docs/[[...slug]]/page.tsx apps/web/app/docs/[[...slug]]/page.tsx renamed to apps/web/src/app/[lang]/docs/[[...slug]]/page.tsx

@@ -0,0 +1,17 @@
+import "./globals.css";
+import { Toaster } from "sonner";
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html lang="fr" className="dark" suppressHydrationWarning>
+      <body className="min-h-screen antialiased">
+        {children}
+        <Toaster position="bottom-right" />
+      </body>
+    </html>
+  );
+}