add veryyyy basic docs renderer

src/app/(pages)/documentation/[[...slug]]/page.tsx

@@ -0,0 +1,49 @@
+import { getDocumentation } from "@/common/documentation";
+import { CustomMDX } from "@/app/components/mx-components";
+
+export async function generateStaticParams() {
+  let documentationPages = getDocumentation();
+
+  return documentationPages.map(page => ({
+    slug: [page.slug],
+  }));
+}
+
+type DocumentationPageParams = {
+  params: {
+    slug?: string;
+  };
+};
+
+export default function Page({ params: { slug } }: DocumentationPageParams) {
+  const documentationPages = getDocumentation();
+  let page = documentationPages.find(page => page.slug === slug);
+
+  // Fallback to the landing page
+  if (!page) {
+    page = documentationPages.find(page => page.slug === "landing");
+  }
+
+  // Fallback to a 404 page if we still can't find the page
+  if (!page) {
+    page = {
+      metadata: {
+        title: "404 - Not Found",
+      },
+      content: "If you are seeing this, it means that the documentation page you are looking for does not exist.",
+      slug: "empty",
+    };
+  }
+
+  return (
+    <div className="w-full px-4 flex flex-col gap-4">
+      {/* The documentation page title */}
+      {page.metadata.title && <h1 className="text-center">{page.metadata.title}</h1>}
+
+      {/* The content of the documentation page */}
+      <div className="text-left w-full">
+        <CustomMDX source={page.content} />
+      </div>
+    </div>
+  );
+}

src/app/(pages)/page.tsx

@@ -32,8 +32,8 @@ type Button = {
 const buttons: Button[] = [
   {
     title: "Get Started",
-    tooltip: "Click to view get started!",
-    url: "/player",
+    tooltip: "Click to get started!",
+    url: "/documentation",
   },
   {
     title: "Postman Collection",

src/app/(pages)/server/[platform]/[[...hostname]]/page.tsx

@@ -93,7 +93,8 @@ export async function generateMetadata({ params: { platform, hostname } }: Param
     description += "Click to view more information about the server.";
 
     return generateEmbed({
-      title: `${capitalizeFirstLetter(platform)} Server: ${serverHostname}`,
+      title: `${serverHostname} ${capitalizeFirstLetter(platform)} Server`,
+      embedTitle: `${capitalizeFirstLetter(platform)} Server: ${serverHostname}`,
       description: description,
       image: favicon,
     });

src/app/components/mx-components.tsx

@@ -0,0 +1,10 @@
+import { MDXRemote } from "remote-mdx/rsc";
+
+const components = {
+  h1: (props: any) => <h1 className="text-2xl font-semibold pb-2" {...props} />,
+  h2: (props: any) => <h1 className="text-xl font-semibold pb-2 pt-4" {...props} />,
+};
+
+export function CustomMDX(props: any) {
+  return <MDXRemote {...props} components={{ ...components, ...(props.components || {}) }} />;
+}

src/app/components/navbar.tsx

@@ -32,6 +32,7 @@ const pages: Page[] = [
   { name: "Server", url: "/server/java" },
   { name: "Mojang", url: "/mojang/status" },
   { name: "API", url: "https://api.mcutils.xyz", openInNewTab: true },
+  { name: "Docs", url: "/documentation", openInNewTab: true },
 ];
 
 export default function NavBar(): ReactElement {