feat: docs

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

@@ -0,0 +1,58 @@
+import { source } from "@/lib/source";
+import { getMDXComponents } from "@/mdx-components";
+import {
+  DocsBody,
+  DocsDescription,
+  DocsPage,
+  DocsTitle,
+} from "fumadocs-ui/layouts/docs/page";
+import { createRelativeLink } from "fumadocs-ui/mdx";
+import type { Metadata } from "next";
+import { notFound } from "next/navigation";
+
+export default async function DocumentationPage(
+  props: PageProps<"/docs/[[...slug]]">,
+) {
+  const { slug } = await props.params;
+  const page = source.getPage(slug);
+
+  if (!page) {
+    notFound();
+  }
+
+  const MDXContent = page.data.body;
+
+  return (
+    <DocsPage toc={page.data.toc} full={page.data.full}>
+      <DocsTitle>{page.data.title}</DocsTitle>
+      <DocsDescription>{page.data.description}</DocsDescription>
+      <DocsBody>
+        <MDXContent
+          components={getMDXComponents({
+            a: createRelativeLink(source, page),
+          })}
+        />
+      </DocsBody>
+    </DocsPage>
+  );
+}
+
+export function generateStaticParams() {
+  return source.generateParams();
+}
+
+export async function generateMetadata(
+  props: PageProps<"/docs/[[...slug]]">,
+): Promise<Metadata> {
+  const { slug } = await props.params;
+  const page = source.getPage(slug);
+
+  if (!page) {
+    notFound();
+  }
+
+  return {
+    title: page.data.title,
+    description: page.data.description,
+  };
+}

app/docs/layout.tsx

@@ -0,0 +1,29 @@
+import { baseOptions } from "@/lib/layout.shared";
+import { source } from "@/lib/source";
+import { DocsLayout } from "fumadocs-ui/layouts/docs";
+import type { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: {
+    default: "Cours Docker | Le serveur de Leon",
+    template: "%s | Le serveur de Leon",
+  },
+  description: "Support de cours Docker, des fondamentaux au déploiement.",
+};
+
+export default function DocsRootLayout({ children }: LayoutProps<"/docs">) {
+  return (
+    <DocsLayout
+      {...baseOptions()}
+      tree={source.getPageTree()}
+      tabs={false}
+      sidebar={{
+        collapsible: true,
+        defaultOpenLevel: 1,
+      }}
+      containerProps={{ className: "server-docs" }}
+    >
+      {children}
+    </DocsLayout>
+  );
+}