Incredible majestic beautiful md parser

app/layout.tsx

@@ -11,8 +11,8 @@ import {
 const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
+  title: "Tabletop Commander",
+  description: "Rules and tools for tabletop games!",
 };
 
 export default function RootLayout({

app/page.tsx

@@ -4,7 +4,10 @@ import {
   CircleStackIcon,
   PuzzlePieceIcon,
 } from "@heroicons/react/24/solid";
+import { readFileSync } from "fs";
+import { readFile } from "fs/promises";
 import Image from "next/image";
+import { Suspense } from "react";
 
 export default function Home() {
   return (
@@ -133,17 +136,14 @@ export default function Home() {
           turn the home page into magic
         </cite>
       </section>
-      <section>
+      <Suspense>
         <TCMD
-          body={`
-        # spicy sandwiches
-        ## taste good
-        ### I like them
-
-        **A lot**
-        `}
+          body={(async () => {
+            "use server";
+            return await readFile("./test.md", "utf-8");
+          })()}
         />
-      </section>
+      </Suspense>
     </>
   );
 }