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

@@ -3,21 +3,22 @@ import type { Config } from "tailwindcss";
 const config = {
 	darkMode: ["class"],
 	content: [
-    "./pages/**/*.{ts,tsx}",
+		"./theme.config.tsx",
-    "./components/**/*.{ts,tsx}",
+		"./pages/**/*.{ts,tsx,md,mdx}",
+		"./components/**/*.{ts,tsx,md,mdx}",
 		"./app/**/*.{ts,tsx}",
 		"./src/**/*.{ts,tsx}",
 	],
 	prefix: "",
 	theme: {
 		screens: {
-      "sm": "640px",
+			sm: "640px",
 
-      "md": "768px",
+			md: "768px",
 
-      "lg": "1100px",
+			lg: "1100px",
 
-      "xl": "1280px",
+			xl: "1280px",
 
 			"2xl": "1536px",
 		},

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"]
 }