create-fumadocs-app 15.6.11 → 15.7.0

package/dist/{chunk-RNO7V4AN.js → chunk-KMGKLFKY.js}

@@ -59,7 +59,7 @@ async function tryGitInit(cwd2) {
 }
 
 // src/versions.js
-var versions = { "fumadocs-core": "15.6.11", "fumadocs-ui": "15.6.11", "fumadocs-mdx": "11.7.5", "@fumadocs/mdx-remote": "1.4.0", "@fumadocs/content-collections": "1.2.1" };
+var versions = { "fumadocs-core": "15.7.0", "fumadocs-ui": "15.7.0", "fumadocs-mdx": "11.8.0", "@fumadocs/mdx-remote": "1.4.0", "@fumadocs/content-collections": "1.2.1" };
 
 // ../create-app-versions/package.json
 var package_default = {
@@ -72,32 +72,32 @@ var package_default = {
     "@content-collections/core": "^0.10.0",
     "@content-collections/mdx": "^0.2.2",
     "@content-collections/next": "^0.2.6",
-    "@react-router/dev": "^7.8.0",
-    "@react-router/node": "^7.8.0",
-    "@react-router/serve": "^7.8.0",
-    "@tailwindcss/postcss": "^4.1.11",
-    "@tailwindcss/vite": "^4.1.11",
-    "@tanstack/react-router": "^1.131.7",
-    "@tanstack/react-start": "^1.131.7",
+    "@react-router/dev": "^7.8.1",
+    "@react-router/node": "^7.8.1",
+    "@react-router/serve": "^7.8.1",
+    "@tailwindcss/postcss": "^4.1.12",
+    "@tailwindcss/vite": "^4.1.12",
+    "@tanstack/react-router": "^1.131.27",
+    "@tanstack/react-start": "^1.131.27",
     "@types/mdx": "^2.0.13",
-    "@types/node": "24.2.1",
+    "@types/node": "24.3.0",
     "@types/react": "^19.1.10",
     "@types/react-dom": "^19.1.7",
-    "@vitejs/plugin-react": "^5.0.0",
+    "@vitejs/plugin-react": "^5.0.1",
     "gray-matter": "^4.0.3",
-    isbot: "^5.1.29",
-    next: "15.4.6",
+    isbot: "^5.1.30",
+    next: "15.5.0",
     postcss: "^8.5.6",
     react: "^19.1.1",
     "react-dom": "^19.1.1",
-    "react-router": "^7.8.0",
+    "react-router": "^7.8.1",
     "react-router-devtools": "^5.0.6",
-    shiki: "^3.9.2",
-    tailwindcss: "^4.1.11",
+    shiki: "^3.11.0",
+    tailwindcss: "^4.1.12",
     tinyglobby: "^0.2.14",
     typescript: "^5.9.2",
     vinxi: "^0.5.8",
-    vite: "^7.1.2",
+    vite: "^7.1.3",
     "vite-tsconfig-paths": "^5.1.4"
   }
 };

package/dist/create-app.js

@@ -1,7 +1,7 @@
 import {
   create,
   templates
-} from "./chunk-RNO7V4AN.js";
+} from "./chunk-KMGKLFKY.js";
 export {
   create,
   templates

package/dist/index.js

@@ -5,7 +5,7 @@ import {
   getPackageManager,
   managers,
   templates
-} from "./chunk-RNO7V4AN.js";
+} from "./chunk-KMGKLFKY.js";
 
 // src/index.ts
 import fs from "fs/promises";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-fumadocs-app",
-  "version": "15.6.11",
+  "version": "15.7.0",
   "description": "Create a new documentation site with Fumadocs",
   "keywords": [
     "NextJs",
@@ -28,11 +28,11 @@
   },
   "devDependencies": {
     "@types/cross-spawn": "^6.0.6",
-    "@types/node": "24.2.1",
+    "@types/node": "24.3.0",
     "tinyglobby": "^0.2.14",
     "typescript": "^5.9.2",
-    "eslint-config-custom": "0.0.0",
-    "tsconfig": "0.0.0"
+    "tsconfig": "0.0.0",
+    "eslint-config-custom": "0.0.0"
   },
   "engines": {
     "node": ">=18.17.0"

package/template/+next/README.md

@@ -18,7 +18,7 @@ Open http://localhost:3000 with your browser to see the result.
 In the project, you can see:
 
 - `lib/source.ts`: Code for content source adapter, [`loader()`](https://fumadocs.dev/docs/headless/source-api) provides the interface to access your content.
-- `app/layout.config.tsx`: Shared options for layouts, optional but preferred to keep.
+- `lib/layout.shared.tsx`: Shared options for layouts, optional but preferred to keep.
 
 | Route                     | Description                                            |
 | ------------------------- | ------------------------------------------------------ |

package/template/+next/app/(home)/layout.tsx

@@ -1,7 +1,6 @@
-import type { ReactNode } from 'react';
 import { HomeLayout } from 'fumadocs-ui/layouts/home';
-import { baseOptions } from '@/app/layout.config';
+import { baseOptions } from '@/lib/layout.shared';
 
-export default function Layout({ children }: { children: ReactNode }) {
-  return <HomeLayout {...baseOptions}>{children}</HomeLayout>;
+export default function Layout({ children }: LayoutProps<'/'>) {
+  return <HomeLayout {...baseOptions()}>{children}</HomeLayout>;
 }

package/template/+next/app/docs/layout.tsx

@@ -1,11 +1,10 @@
 import { DocsLayout } from 'fumadocs-ui/layouts/docs';
-import type { ReactNode } from 'react';
-import { baseOptions } from '@/app/layout.config';
+import { baseOptions } from '@/lib/layout.shared';
 import { source } from '@/lib/source';
 
-export default function Layout({ children }: { children: ReactNode }) {
+export default function Layout({ children }: LayoutProps<'/docs'>) {
   return (
-    <DocsLayout tree={source.pageTree} {...baseOptions}>
+    <DocsLayout tree={source.pageTree} {...baseOptions()}>
       {children}
     </DocsLayout>
   );

package/template/+next/app/layout.tsx

@@ -1,13 +1,12 @@
 import { RootProvider } from 'fumadocs-ui/provider';
 import 'fumadocs-ui/style.css';
 import { Inter } from 'next/font/google';
-import type { ReactNode } from 'react';
 
 const inter = Inter({
   subsets: ['latin'],
 });
 
-export default function Layout({ children }: { children: ReactNode }) {
+export default function Layout({ children }: LayoutProps<'/'>) {
   return (
     <html lang="en" className={inter.className} suppressHydrationWarning>
       <body

package/template/+next/lib/layout.shared.tsx

@@ -0,0 +1,30 @@
+import type { BaseLayoutProps } from 'fumadocs-ui/layouts/shared';
+
+/**
+ * Shared layout configurations
+ *
+ * you can customise layouts individually from:
+ * Home Layout: app/(home)/layout.tsx
+ * Docs Layout: app/docs/layout.tsx
+ */
+export function baseOptions(): BaseLayoutProps {
+  return {
+    nav: {
+      title: (
+        <>
+          <svg
+            width="24"
+            height="24"
+            xmlns="http://www.w3.org/2000/svg"
+            aria-label="Logo"
+          >
+            <circle cx={12} cy={12} r={12} fill="currentColor" />
+          </svg>
+          My App
+        </>
+      ),
+    },
+    // see https://fumadocs.dev/docs/ui/navigation/links
+    links: [],
+  };
+}

package/template/+next+content-collections/app/docs/[[...slug]]/page.tsx

@@ -1,18 +1,17 @@
 import { source } from '@/lib/source';
+import type { Metadata } from 'next';
 import {
-  DocsPage,
   DocsBody,
-  DocsTitle,
   DocsDescription,
+  DocsPage,
+  DocsTitle,
 } from 'fumadocs-ui/page';
 import { notFound } from 'next/navigation';
 import { MDXContent } from '@content-collections/mdx/react';
 import { createRelativeLink } from 'fumadocs-ui/mdx';
 import { getMDXComponents } from '@/mdx-components';
 
-export default async function Page(props: {
-  params: Promise<{ slug?: string[] }>;
-}) {
+export default async function Page(props: PageProps<'/docs/[[...slug]]'>) {
   const params = await props.params;
   const page = source.getPage(params.slug);
   if (!page) notFound();
@@ -38,9 +37,9 @@ export function generateStaticParams() {
   return source.generateParams();
 }
 
-export async function generateMetadata(props: {
-  params: Promise<{ slug?: string[] }>;
-}) {
+export async function generateMetadata(
+  props: PageProps<'/docs/[[...slug]]'>,
+): Promise<Metadata> {
   const params = await props.params;
   const page = source.getPage(params.slug);
   if (!page) notFound();

package/template/+next+fuma-docs-mdx/README.md

@@ -18,7 +18,7 @@ Open http://localhost:3000 with your browser to see the result.
 In the project, you can see:
 
 - `lib/source.ts`: Code for content source adapter, [`loader()`](https://fumadocs.dev/docs/headless/source-api) provides the interface to access your content.
-- `app/layout.config.tsx`: Shared options for layouts, optional but preferred to keep.
+- `lib/layout.shared.tsx`: Shared options for layouts, optional but preferred to keep.
 
 | Route                     | Description                                            |
 | ------------------------- | ------------------------------------------------------ |

package/template/+next+fuma-docs-mdx/app/docs/[[...slug]]/page.tsx

@@ -1,18 +1,16 @@
 import { source } from '@/lib/source';
 import {
-  DocsPage,
   DocsBody,
   DocsDescription,
+  DocsPage,
   DocsTitle,
 } from 'fumadocs-ui/page';
-import { Metadata } from 'next';
+import type { Metadata } from 'next';
 import { notFound } from 'next/navigation';
 import { createRelativeLink } from 'fumadocs-ui/mdx';
 import { getMDXComponents } from '@/mdx-components';
 
-export default async function Page(props: {
-  params: Promise<{ slug?: string[] }>;
-}) {
+export default async function Page(props: PageProps<'/docs/[[...slug]]'>) {
   const params = await props.params;
   const page = source.getPage(params.slug);
   if (!page) notFound();
@@ -39,9 +37,9 @@ export async function generateStaticParams() {
   return source.generateParams();
 }
 
-export async function generateMetadata(props: {
-  params: Promise<{ slug?: string[] }>;
-}): Promise<Metadata> {
+export async function generateMetadata(
+  props: PageProps<'/docs/[[...slug]]'>,
+): Promise<Metadata> {
   const params = await props.params;
   const page = source.getPage(params.slug);
   if (!page) notFound();

package/template/+next+fuma-docs-mdx/source.config.ts

@@ -6,7 +6,7 @@ import {
 } from 'fumadocs-mdx/config';
 
 // You can customise Zod schemas for frontmatter and `meta.json` here
-// see https://fumadocs.vercel.app/docs/mdx/collections#define-docs
+// see https://fumadocs.dev/docs/mdx/collections#define-docs
 export const docs = defineDocs({
   docs: {
     schema: frontmatterSchema,

package/template/+next+tailwindcss/app/layout.tsx

@@ -1,13 +1,12 @@
 import '@/app/global.css';
 import { RootProvider } from 'fumadocs-ui/provider';
 import { Inter } from 'next/font/google';
-import type { ReactNode } from 'react';
 
 const inter = Inter({
   subsets: ['latin'],
 });
 
-export default function Layout({ children }: { children: ReactNode }) {
+export default function Layout({ children }: LayoutProps<'/'>) {
   return (
     <html lang="en" className={inter.className} suppressHydrationWarning>
       <body className="flex flex-col min-h-screen">

package/template/react-router/app/docs/page.tsx

@@ -6,7 +6,8 @@ import {
   DocsPage,
   DocsTitle,
 } from 'fumadocs-ui/page';
-import { source } from '@/source';
+import { source } from '@/lib/source';
+import { baseOptions } from '@/lib/layout.shared';
 import { type PageTree } from 'fumadocs-core/server';
 import defaultMdxComponents from 'fumadocs-ui/mdx';
 import { docs } from '../../source.generated';
@@ -45,12 +46,7 @@ export default function Page(props: Route.ComponentProps) {
   const Content = renderer[path];
 
   return (
-    <DocsLayout
-      nav={{
-        title: 'React Router',
-      }}
-      tree={tree as PageTree.Root}
-    >
+    <DocsLayout {...baseOptions()} tree={tree as PageTree.Root}>
       <Content />
     </DocsLayout>
   );

package/template/react-router/app/docs/search.ts

@@ -3,6 +3,7 @@ import { createFromSource } from 'fumadocs-core/search/server';
 import { source } from '@/source';
 
 const server = createFromSource(source, {
+  // https://docs.orama.com/docs/orama-js/supported-languages
   language: 'english',
 });
 

package/template/react-router/app/lib/layout.shared.tsx

@@ -0,0 +1,9 @@
+import type { BaseLayoutProps } from 'fumadocs-ui/layouts/shared';
+
+export function baseOptions(): BaseLayoutProps {
+  return {
+    nav: {
+      title: 'React Router',
+    },
+  };
+}

package/template/react-router/app/routes/home.tsx

@@ -1,6 +1,7 @@
 import type { Route } from './+types/home';
 import { HomeLayout } from 'fumadocs-ui/layouts/home';
 import { Link } from 'react-router';
+import { baseOptions } from '@/lib/layout.shared';
 
 export function meta({}: Route.MetaArgs) {
   return [
@@ -11,11 +12,7 @@ export function meta({}: Route.MetaArgs) {
 
 export default function Home() {
   return (
-    <HomeLayout
-      nav={{
-        title: 'React Router',
-      }}
-    >
+    <HomeLayout {...baseOptions()}>
       <div className="p-4 flex flex-col items-center justify-center text-center flex-1">
         <h1 className="text-xl font-bold mb-2">Fumadocs on React Router.</h1>
         <p className="text-fd-muted-foreground mb-4">

package/template/tanstack-start/src/lib/layout.shared.tsx

@@ -0,0 +1,9 @@
+import type { BaseLayoutProps } from 'fumadocs-ui/layouts/shared';
+
+export function baseOptions(): BaseLayoutProps {
+  return {
+    nav: {
+      title: 'Tanstack Start',
+    },
+  };
+}

package/template/tanstack-start/src/router.tsx

@@ -1,6 +1,6 @@
 import { createRouter as createTanStackRouter } from '@tanstack/react-router';
 import { routeTree } from './routeTree.gen';
-import { NotFound } from '~/components/not-found';
+import { NotFound } from '@/components/not-found';
 
 export function createRouter() {
   return createTanStackRouter({

package/template/tanstack-start/src/routes/__root.tsx

@@ -6,7 +6,7 @@ import {
   Scripts,
 } from '@tanstack/react-router';
 import * as React from 'react';
-import appCss from '~/styles/app.css?url';
+import appCss from '@/styles/app.css?url';
 import { RootProvider } from 'fumadocs-ui/provider/base';
 import { TanstackProvider } from 'fumadocs-core/framework/tanstack';
 

package/template/tanstack-start/src/routes/api/search.ts

@@ -1,8 +1,11 @@
 import { createServerFileRoute } from '@tanstack/react-start/server';
-import { source } from '~/lib/source';
+import { source } from '@/lib/source';
 import { createFromSource } from 'fumadocs-core/search/server';
 
-const server = createFromSource(source);
+const server = createFromSource(source, {
+  // https://docs.orama.com/docs/orama-js/supported-languages
+  language: 'english',
+});
 
 export const ServerRoute = createServerFileRoute('/api/search').methods({
   GET: async ({ request }) => server.GET(request),

package/template/tanstack-start/src/routes/docs/$.tsx

@@ -1,7 +1,7 @@
 import { createFileRoute, notFound } from '@tanstack/react-router';
 import { DocsLayout } from 'fumadocs-ui/layouts/docs';
 import { createServerFn } from '@tanstack/react-start';
-import { source } from '~/lib/source';
+import { source } from '@/lib/source';
 import type { PageTree } from 'fumadocs-core/server';
 import { useMemo } from 'react';
 import { docs } from '../../../source.generated';
@@ -13,6 +13,7 @@ import {
 } from 'fumadocs-ui/page';
 import defaultMdxComponents from 'fumadocs-ui/mdx';
 import { createClientLoader } from 'fumadocs-mdx/runtime/vite';
+import { baseOptions } from '@/lib/layout.shared';
 
 export const Route = createFileRoute('/docs/$')({
   component: Page,
@@ -66,12 +67,7 @@ function Page() {
   );
 
   return (
-    <DocsLayout
-      tree={tree}
-      nav={{
-        title: 'Fumadocs Tanstack',
-      }}
-    >
+    <DocsLayout {...baseOptions()} tree={tree}>
       <Content />
     </DocsLayout>
   );

package/template/tanstack-start/src/routes/index.tsx

@@ -1,5 +1,6 @@
 import { createFileRoute, Link } from '@tanstack/react-router';
 import { HomeLayout } from 'fumadocs-ui/layouts/home';
+import { baseOptions } from '@/lib/layout.shared';
 
 export const Route = createFileRoute('/')({
   component: Home,
@@ -7,12 +8,7 @@ export const Route = createFileRoute('/')({
 
 function Home() {
   return (
-    <HomeLayout
-      nav={{
-        title: 'Tanstack Start',
-      }}
-      className="text-center py-32 justify-center"
-    >
+    <HomeLayout {...baseOptions()} className="text-center py-32 justify-center">
       <h1 className="font-medium text-xl mb-4">Fumadocs on Tanstack Start.</h1>
       <Link
         to="/docs/$"

package/template/tanstack-start/tsconfig.json

@@ -15,7 +15,7 @@
     "forceConsistentCasingInFileNames": true,
     "baseUrl": ".",
     "paths": {
-      "~/*": ["./src/*"]
+      "@/*": ["./src/*"]
     },
     "noEmit": true
   }

package/template/tanstack-start/vite.config.ts

@@ -17,6 +17,9 @@ export default defineConfig({
     }),
     tanstackStart({
       customViteReactPlugin: true,
+      prerender: {
+        enabled: true,
+      },
     }),
     react(),
   ],

package/template/+next/app/layout.config.tsx

@@ -1,28 +0,0 @@
-import type { BaseLayoutProps } from 'fumadocs-ui/layouts/shared';
-
-/**
- * Shared layout configurations
- *
- * you can customise layouts individually from:
- * Home Layout: app/(home)/layout.tsx
- * Docs Layout: app/docs/layout.tsx
- */
-export const baseOptions: BaseLayoutProps = {
-  nav: {
-    title: (
-      <>
-        <svg
-          width="24"
-          height="24"
-          xmlns="http://www.w3.org/2000/svg"
-          aria-label="Logo"
-        >
-          <circle cx={12} cy={12} r={12} fill="currentColor" />
-        </svg>
-        My App
-      </>
-    ),
-  },
-  // see https://fumadocs.dev/docs/ui/navigation/links
-  links: [],
-};