feat: trailingSlash to true (#71)

Author: junghyeonsu

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

@@ -1,6 +1,6 @@
 import { mdxComponents } from "@/src/components/mdx-components";
 import { docsSource } from "@/src/lib/source";
-import { MDXContent } from '@content-collections/mdx/react';
+import { MDXContent } from "@content-collections/mdx/react";
 import { DocsBody, DocsDescription, DocsPage, DocsTitle } from "fumadocs-ui/page";
 import { notFound } from "next/navigation";
 
@@ -15,25 +15,23 @@ export default async function Page(props: any) {
   if (!page) notFound();
 
   const authors = page.data.authors || [];
-  
+
   return (
     <DocsPage toc={page.data.toc} full={page.data.full}>
       <DocsTitle>{page.data.title}</DocsTitle>
       <DocsDescription>{page.data.description}</DocsDescription>
-      {page.data.updatedAt ?
-        <span className="text-sm text-gray-500">해당 글은 {page.data.updatedAt}에 수정되었습니다.</span> :
-        page.data.createdAt ? <span className="text-sm text-gray-500">해당 글은 {page.data.createdAt}에 작성되었습니다.</span> : null
-      }
+      {page.data.updatedAt ? (
+        <span className="text-sm text-gray-500">해당 글은 {page.data.updatedAt}에 수정되었습니다.</span>
+      ) : page.data.createdAt ? (
+        <span className="text-sm text-gray-500">해당 글은 {page.data.createdAt}에 작성되었습니다.</span>
+      ) : null}
       <div className="flex gap-4">
         {authors.map((author) => (
           <Author key={author} name={author} />
         ))}
       </div>
       <DocsBody>
-        <MDXContent
-          code={page.data.body}
-          components={{ ...mdxComponents as MDXComponents }}
-        />
+        <MDXContent code={page.data.body} components={{ ...(mdxComponents as MDXComponents) }} />
       </DocsBody>
     </DocsPage>
   );

next.config.mjs

@@ -1,16 +1,17 @@
-import { withContentCollections } from '@content-collections/next';
+import { withContentCollections } from "@content-collections/next";
 
 // const withMDX = createMDX();
 
 /** @type {import('next').NextConfig} */
 const config = {
-  output: 'export',
+  output: "export",
   reactStrictMode: true,
+  trailingSlash: true,
   images: { unoptimized: true },
   webpack: (config) => {
     config.module.rules.push({
       test: /\.ya?ml$/,
-      use: 'yaml-loader',
+      use: "yaml-loader",
     });
     return config;
   },