create-fumadocs-app 12.3.3 → 12.3.5

package/dist/{chunk-73OMMFUE.js → chunk-MR25BIJ7.js}

@@ -3,7 +3,7 @@ import path from "node:path";
 import fs from "node:fs/promises";
 
 // versions.json
-var versions_default = { "fumadocs-core": "12.3.3", "fumadocs-ui": "12.3.3", "fumadocs-mdx": "8.2.33", "fumadocs-contentlayer": "1.1.34" };
+var versions_default = { "fumadocs-core": "12.3.5", "fumadocs-ui": "12.3.5", "fumadocs-mdx": "8.2.33", "@fumadocs/content-collections": "1.0.0" };
 
 // ../create-app-versions/package.json
 var package_default = {
@@ -13,22 +13,19 @@ var package_default = {
   description: "Used to track dependency versions in create-fumadocs-app",
   license: "MIT",
   dependencies: {
+    "@content-collections/core": "^0.6.0",
+    "@content-collections/mdx": "^0.1.3",
+    "@content-collections/next": "^0.2.0",
     "@types/mdx": "^2.0.13",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     autoprefixer: "^10.4.19",
-    contentlayer: "^0.3.4",
     next: "^14.2.4",
-    "next-contentlayer": "^0.3.4",
     postcss: "^8.4.38",
     react: "^18.3.1",
     "react-dom": "^18.3.1",
     tailwindcss: "^3.4.4",
     typescript: "^5.5.2"
-  },
-  overrides: {
-    unified: "^11.0.4",
-    "mdx-bundler": "^10.0.1"
   }
 };
 
@@ -140,14 +137,12 @@ function createPackageJson(projectName, { template, tailwindcss }) {
       typescript: package_default.dependencies.typescript
     }
   };
-  if (template === "contentlayer") {
+  if (template === "content-collections") {
     Object.assign(packageJson.dependencies, {
-      "fumadocs-contentlayer": versions_default["fumadocs-contentlayer"],
-      contentlayer: package_default.dependencies.contentlayer,
-      "next-contentlayer": package_default.dependencies["next-contentlayer"]
-    });
-    Object.assign(packageJson, {
-      overrides: package_default.overrides
+      "@fumadocs/content-collections": versions_default["@fumadocs/content-collections"],
+      "@content-collections/core": package_default.dependencies["@content-collections/core"],
+      "@content-collections/mdx": package_default.dependencies["@content-collections/mdx"],
+      "@content-collections/next": package_default.dependencies["@content-collections/next"]
     });
   }
   if (template === "fuma-docs-mdx") {

package/dist/create-app.js

@@ -1,6 +1,6 @@
 import {
   create
-} from "./chunk-73OMMFUE.js";
+} from "./chunk-MR25BIJ7.js";
 export {
   create
 };

package/dist/index.js

@@ -3,7 +3,7 @@ import {
   create,
   cwd,
   getPackageManager
-} from "./chunk-73OMMFUE.js";
+} from "./chunk-MR25BIJ7.js";
 
 // src/index.ts
 import { existsSync } from "node:fs";
@@ -36,7 +36,7 @@ async function main() {
         initialValue: "fuma-docs-mdx",
         options: [
           { value: "fuma-docs-mdx", label: "Fumadocs MDX" },
-          { value: "contentlayer", label: "Contentlayer" }
+          { value: "content-collections", label: "Content Collections" }
         ]
       }),
       tailwindcss: () => confirm({ message: "Use Tailwind CSS for styling?" }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-fumadocs-app",
-  "version": "12.3.3",
+  "version": "12.3.5",
   "description": "Create a new documentation site with Fumadocs",
   "keywords": [
     "NextJs",

package/template/+shared/example.gitignore

@@ -4,6 +4,7 @@
 # generated content
 .map.ts
 .contentlayer
+.content-collections
 
 # test & build
 /coverage

package/template/{contentlayer → content-collections}/app/api/search/route.ts

@@ -3,9 +3,9 @@ import { createSearchAPI } from 'fumadocs-core/search/server';
 
 export const { GET } = createSearchAPI('advanced', {
   indexes: getPages().map((page) => ({
-    id: page.data._id,
     title: page.data.title,
-    url: page.url,
     structuredData: page.data.structuredData,
+    id: page.url,
+    url: page.url,
   })),
 });

package/template/{contentlayer → content-collections}/app/docs/[[...slug]]/page.tsx

@@ -1,31 +1,29 @@
-import { Content } from './content';
 import { getPage, getPages } from '@/app/source';
 import type { Metadata } from 'next';
 import { DocsPage, DocsBody } from 'fumadocs-ui/page';
 import { notFound } from 'next/navigation';
+import { MDXContent } from '@content-collections/mdx/react';
+import defaultMdxComponents from 'fumadocs-ui/mdx';
 
-export default async function Page({
-  params,
-}: {
-  params: { slug?: string[] };
-}) {
+export default function Page({ params }: { params: { slug?: string[] } }) {
   const page = getPage(params.slug);
 
-  if (page == null) {
-    notFound();
-  }
+  if (!page) notFound();
 
   return (
-    <DocsPage toc={page.data.toc}>
+    <DocsPage toc={page.data.toc} full={page.data.full}>
       <DocsBody>
         <h1>{page.data.title}</h1>
-        <Content code={page.data.body.code} />
+        <MDXContent
+          code={page.data.body}
+          components={{ ...defaultMdxComponents }}
+        />
       </DocsBody>
     </DocsPage>
   );
 }
 
-export async function generateStaticParams(): Promise<{ slug: string[] }[]> {
+export function generateStaticParams() {
   return getPages().map((page) => ({
     slug: page.slugs,
   }));
@@ -34,7 +32,7 @@ export async function generateStaticParams(): Promise<{ slug: string[] }[]> {
 export function generateMetadata({ params }: { params: { slug?: string[] } }) {
   const page = getPage(params.slug);
 
-  if (page == null) notFound();
+  if (!page) notFound();
 
   return {
     title: page.data.title,

package/template/content-collections/app/source.ts

@@ -0,0 +1,8 @@
+import { allDocs, allMetas } from 'content-collections';
+import { loader } from 'fumadocs-core/source';
+import { createMDXSource } from '@fumadocs/content-collections';
+
+export const { getPage, getPages, pageTree } = loader({
+  baseUrl: '/docs',
+  source: createMDXSource(allDocs, allMetas),
+});

package/template/content-collections/content-collections.ts

@@ -0,0 +1,25 @@
+import { defineCollection, defineConfig } from '@content-collections/core';
+import {
+  createMetaSchema,
+  createDocSchema,
+  transformMDX,
+} from '@fumadocs/content-collections/configuration';
+
+const docs = defineCollection({
+  name: 'docs',
+  directory: 'content/docs',
+  include: '**/*.mdx',
+  schema: createDocSchema,
+  transform: transformMDX,
+});
+
+const metas = defineCollection({
+  name: 'meta',
+  directory: 'content/docs',
+  include: '**/meta.json',
+  schema: createMetaSchema,
+});
+
+export default defineConfig({
+  collections: [docs, metas],
+});

package/template/content-collections/next.config.mjs

@@ -0,0 +1,8 @@
+import { withContentCollections } from '@content-collections/next';
+
+/** @type {import('next').NextConfig} */
+const config = {
+  reactStrictMode: true,
+};
+
+export default withContentCollections(config);

package/template/{contentlayer → content-collections}/tsconfig.json

@@ -16,7 +16,7 @@
     "incremental": true,
     "paths": {
       "@/*": ["./*"],
-      "contentlayer/generated": ["./.contentlayer/generated"]
+      "content-collections": ["./.content-collections/generated"]
     },
     "plugins": [
       {

package/template/contentlayer/app/docs/[[...slug]]/content.tsx

@@ -1,14 +0,0 @@
-'use client';
-
-import { useMDXComponent } from 'next-contentlayer/hooks';
-import defaultComponents from 'fumadocs-ui/mdx';
-
-const components = {
-  ...defaultComponents,
-};
-
-export function Content({ code }: { code: string }) {
-  const MDX = useMDXComponent(code);
-
-  return <MDX components={components} />;
-}

package/template/contentlayer/app/source.ts

@@ -1,9 +0,0 @@
-import { allDocs, allMeta } from 'contentlayer/generated';
-import { createContentlayerSource } from 'fumadocs-contentlayer';
-import { loader } from 'fumadocs-core/source';
-
-export const { getPage, pageTree, getPages } = loader({
-  baseUrl: '/docs',
-  rootDir: 'docs',
-  source: createContentlayerSource(allMeta, allDocs),
-});

package/template/contentlayer/contentlayer.config.ts

@@ -1,4 +0,0 @@
-import { makeSource } from 'contentlayer/source-files';
-import { defaultConfig } from 'fumadocs-contentlayer/configuration';
-
-export default makeSource(defaultConfig);

package/template/contentlayer/next.config.js

@@ -1,8 +0,0 @@
-/** @type {import('next').NextConfig} */
-const config = {
-  reactStrictMode: true,
-};
-
-const { withContentlayer } = require('next-contentlayer');
-
-module.exports = withContentlayer(config);