docs complete except the content

app/(root)/docs/page.tsx

@@ -1,15 +0,0 @@
-import Sidebar from "@/components/shared/Sidebar";
-
-import { Metadata } from "next";
-
-export const metadata: Metadata = {
-  title: "Docs - SVRJS",
-};
-
-export default function Page() {
-  return (
-    <>
-      <Sidebar />
-    </>
-  );
-}

app/(root)/downloads/layout.tsx

@@ -0,0 +1,13 @@
+import { Metadata } from "next";
+
+export const metadata: Metadata = {
+	title: "Downloads - SVRJS",
+};
+
+export default function DownloadLayout({
+	children,
+}: {
+	children: React.ReactNode;
+}) {
+	return <main>{children}</main>;
+}

app/api/search/route.ts

@@ -0,0 +1,11 @@
+import { getPages } from "@/app/source";
+import { createSearchAPI } from "fumadocs-core/search/server";
+
+export const { GET } = createSearchAPI("advanced", {
+	indexes: getPages().map((page) => ({
+		title: page.data.title,
+		structuredData: page.data.exports.structuredData,
+		id: page.url,
+		url: page.url,
+	})),
+});

components/shared/Sidebar.tsx

@@ -1,24 +0,0 @@
-import React from "react";
-
-const Sidebar = () => {
-  return (
-    <div className="w-[250px] h-[100vh] border-r dark:border-r-slate-800 pl-4 pt-2">
-      <span className="flex flex-col gap-2">
-        <h2 className="text-2xl font-bold">First use</h2>
-        <ul className="pl-4 flex flex-col gap-2">
-          <li>System requirements</li>
-          <li>Installation</li>
-          <li>Features</li>
-          <li>SVR.JS files</li>
-          <li>SVR.JS utilities</li>
-          <li>SVR.JS commands</li>
-          <li>Updating SVR.JS</li>
-          <li>Common problems</li>
-          <li>Bun support</li>
-        </ul>
-      </span>
-    </div>
-  );
-};
-
-export default Sidebar;

next.config.mjs

@@ -1,4 +1,11 @@
-/** @type {import('next').NextConfig} */
+import nextra from "nextra";
-const nextConfig = {};
 
-export default nextConfig;
+/** @type {import('next').NextConfig} */
+const NextConfig = {};
+
+const withNextra = nextra({
+	theme: "nextra-theme-docs",
+	themeConfig: "./theme.config.tsx",
+});
+
+export default withNextra(NextConfig);

package.json

@@ -18,6 +18,7 @@
     "@radix-ui/react-slot": "^1.1.0",
     "@radix-ui/themes": "^3.0.5",
     "@types/cookie": "^0.6.0",
+    "@types/mdx": "^2.0.13",
     "@uploadthing/react": "^6.6.0",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
@@ -26,8 +27,9 @@
     "lucide-react": "^0.394.0",
     "mini-svg-data-uri": "^1.4.4",
     "mongoose": "^8.4.3",
-    "next": "14.2.3",
     "next-themes": "^0.3.0",
+    "nextra": "^2.13.4",
+    "nextra-theme-docs": "^2.13.4",
     "react": "^18",
     "react-dom": "^18",
     "react-hook-form": "^7.52.0",

pages/_meta.json

@@ -0,0 +1,7 @@
+{
+    "docs" : {
+        "title" : "docs",
+        "type": "page",
+        "display" : "hidden"
+    }
+}

pages/docs/_meta.json

@@ -0,0 +1,4 @@
+{
+    "index" : "Getting Started",
+    "test": "Test"
+}

pages/docs/index.mdx

@@ -0,0 +1,7 @@
+---
+title: Getting started
+---
+
+# maybe
+
+## asjdiasd

pages/docs/test.mdx

@@ -0,0 +1 @@
+# gsdasd

tailwind.config.ts

@@ -1,91 +1,92 @@
 import type { Config } from "tailwindcss";
 
 const config = {
-  darkMode: ["class"],
+	darkMode: ["class"],
-  content: [
+	content: [
-    "./pages/**/*.{ts,tsx}",
+		"./theme.config.tsx",
-    "./components/**/*.{ts,tsx}",
+		"./pages/**/*.{ts,tsx,md,mdx}",
-    "./app/**/*.{ts,tsx}",
+		"./components/**/*.{ts,tsx,md,mdx}",
-    "./src/**/*.{ts,tsx}",
+		"./app/**/*.{ts,tsx}",
-  ],
+		"./src/**/*.{ts,tsx}",
-  prefix: "",
+	],
-  theme: {
+	prefix: "",
-    screens: {
+	theme: {
-      "sm": "640px",
+		screens: {
+			sm: "640px",
 
-      "md": "768px",
+			md: "768px",
 
-      "lg": "1100px",
+			lg: "1100px",
 
-      "xl": "1280px",
+			xl: "1280px",
 
-      "2xl": "1536px",
+			"2xl": "1536px",
-    },
+		},
-    container: {
+		container: {
-      center: true,
+			center: true,
-      padding: "2rem",
+			padding: "2rem",
-      screens: {
+			screens: {
-        "2xl": "1400px",
+				"2xl": "1400px",
-      },
+			},
-    },
+		},
-    extend: {
+		extend: {
-      colors: {
+			colors: {
-        border: "hsl(var(--border))",
+				border: "hsl(var(--border))",
-        input: "hsl(var(--input))",
+				input: "hsl(var(--input))",
-        ring: "hsl(var(--ring))",
+				ring: "hsl(var(--ring))",
-        background: "hsl(var(--background))",
+				background: "hsl(var(--background))",
-        foreground: "hsl(var(--foreground))",
+				foreground: "hsl(var(--foreground))",
-        primary: {
+				primary: {
-          DEFAULT: "hsl(var(--primary))",
+					DEFAULT: "hsl(var(--primary))",
-          foreground: "hsl(var(--primary-foreground))",
+					foreground: "hsl(var(--primary-foreground))",
-        },
+				},
-        secondary: {
+				secondary: {
-          DEFAULT: "hsl(var(--secondary))",
+					DEFAULT: "hsl(var(--secondary))",
-          foreground: "hsl(var(--secondary-foreground))",
+					foreground: "hsl(var(--secondary-foreground))",
-        },
+				},
-        destructive: {
+				destructive: {
-          DEFAULT: "hsl(var(--destructive))",
+					DEFAULT: "hsl(var(--destructive))",
-          foreground: "hsl(var(--destructive-foreground))",
+					foreground: "hsl(var(--destructive-foreground))",
-        },
+				},
-        muted: {
+				muted: {
-          DEFAULT: "hsl(var(--muted))",
+					DEFAULT: "hsl(var(--muted))",
-          foreground: "hsl(var(--muted-foreground))",
+					foreground: "hsl(var(--muted-foreground))",
-        },
+				},
-        accent: {
+				accent: {
-          DEFAULT: "hsl(var(--accent))",
+					DEFAULT: "hsl(var(--accent))",
-          foreground: "hsl(var(--accent-foreground))",
+					foreground: "hsl(var(--accent-foreground))",
-        },
+				},
-        popover: {
+				popover: {
-          DEFAULT: "hsl(var(--popover))",
+					DEFAULT: "hsl(var(--popover))",
-          foreground: "hsl(var(--popover-foreground))",
+					foreground: "hsl(var(--popover-foreground))",
-        },
+				},
-        card: {
+				card: {
-          DEFAULT: "hsl(var(--card))",
+					DEFAULT: "hsl(var(--card))",
-          foreground: "hsl(var(--card-foreground))",
+					foreground: "hsl(var(--card-foreground))",
-        },
+				},
-      },
+			},
-      borderRadius: {
+			borderRadius: {
-        lg: "var(--radius)",
+				lg: "var(--radius)",
-        md: "calc(var(--radius) - 2px)",
+				md: "calc(var(--radius) - 2px)",
-        sm: "calc(var(--radius) - 4px)",
+				sm: "calc(var(--radius) - 4px)",
-      },
+			},
-      keyframes: {
+			keyframes: {
-        "accordion-down": {
+				"accordion-down": {
-          from: { height: "0" },
+					from: { height: "0" },
-          to: { height: "var(--radix-accordion-content-height)" },
+					to: { height: "var(--radix-accordion-content-height)" },
-        },
+				},
-        "accordion-up": {
+				"accordion-up": {
-          from: { height: "var(--radix-accordion-content-height)" },
+					from: { height: "var(--radix-accordion-content-height)" },
-          to: { height: "0" },
+					to: { height: "0" },
-        },
+				},
-      },
+			},
-      animation: {
+			animation: {
-        "accordion-down": "accordion-down 0.2s ease-out",
+				"accordion-down": "accordion-down 0.2s ease-out",
-        "accordion-up": "accordion-up 0.2s ease-out",
+				"accordion-up": "accordion-up 0.2s ease-out",
-      },
+			},
-    },
+		},
-  },
+	},
-  plugins: [require("tailwindcss-animate")],
+	plugins: [require("tailwindcss-animate")],
 } satisfies Config;
 
 export default config;

theme.config.tsx

@@ -0,0 +1,49 @@
+import { useRouter } from "next/router";
+
+export default {
+	editLink: {
+		component: null,
+	},
+	feedback: {
+		content: null,
+	},
+	logo: (
+		<>
+			<img
+				src="/plainlogo.svg"
+				alt={`logo`}
+				width={25}
+				height={25}
+				className="dark:block hidden"
+			/>
+			<h1
+				style={{
+					fontWeight: 700,
+					fontSize: "30px",
+					marginLeft: "8px",
+				}}
+			>
+				SVRJS
+			</h1>
+		</>
+	),
+	project: {
+		title: "SVRJS",
+		link: "https://svrjs.org",
+	},
+	footer: {
+		component: null,
+	},
+	useNextSeoProps() {
+		const { asPath } = useRouter();
+		if (asPath !== "/") {
+			return {
+				titleTemplate: "%s – SVRJS",
+			};
+		}
+	},
+	// banner: {
+	// 	key: "svrjs",
+	// 	text: <a href="https://svrjs.org">🎉 Check out SVRJS Now. Read more →</a>,
+	// },
+};

tsconfig.json

@@ -21,6 +21,6 @@
       "@/*": ["./*"]
     }
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts", "lib/Hoc/withAuth.jsx"],
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts", "lib/Hoc/withAuth.jsx" , "**/*.mdx"],
   "exclude": ["node_modules"]
 }