app/fastify-server.ts

@@ -1,4 +1,3 @@
-import fastifyStatic from "@fastify/static";
 import { fileURLToPath } from "node:url";
 import { search } from "./libs/search";
 import { dirname } from "node:path";
@@ -15,7 +14,7 @@ const pagesDir = `${root}/dist/client`;
 async function startServer() {
 	const app = Fastify();
 
-	app.register(fastifyStatic, {
+	await app.register(await import("@fastify/static"), {
 		root: `${root}/dist/client`,
 		wildcard: false,
 	});

app/pages/+config.ts

@@ -25,7 +25,7 @@ export default {
 		class: "flex min-h-full bg-white",
 	},
 
-	image: "/opengraph/og.png",
+	image: "/og.webp",
 
 	prerender: true,
 	prefetchStaticAssets: "hover",

app/pages/+data.ts

@@ -14,6 +14,8 @@ export async function data(pageContext: PageContext) {
 	} = pageContext;
 	const isRoot = urlParsed.pathname === "/";
 
+	console.log({ isRoot, urlParsed });
+
 	config({
 		title: buildTitle(isRoot ? undefined : frontmatter?.title),
 		description: frontmatter?.description,

app/pages/test/+Page.mdx

@@ -0,0 +1,11 @@
+import { Button } from "@/components/Button";
+
+# TEST
+
+<Button>test</Button>
+
+> OK
+
+```tsx
+console.log("It works");
+```