refactor(website): extract layouts and use more server components (#9027

)

Closes #8920
Closes #8997

apps/website/package.json

@@ -54,7 +54,7 @@
 		"ariakit": "^2.0.0-next.41",
 		"cmdk": "^0.1.20",
 		"meilisearch": "^0.30.0",
-		"next": "^13.0.7-canary.1",
+		"next": "^13.1.2-canary.4",
 		"next-mdx-remote": "^4.2.0",
 		"next-themes": "npm:@wits/next-themes@latest",
 		"react": "^18.2.0",

apps/website/src/app/docAPI.ts

@@ -0,0 +1,26 @@
+import { readFile } from 'node:fs/promises';
+import { join } from 'node:path';
+
+export async function fetchVersions(packageName: string): Promise<string[]> {
+	const response = await fetch(`https://docs.discordjs.dev/api/info?package=${packageName}`, {
+		next: { revalidate: 3_600 },
+	});
+
+	return response.json();
+}
+
+export async function fetchModelJSON(packageName: string, version: string): Promise<unknown> {
+	if (process.env.NEXT_PUBLIC_LOCAL_DEV) {
+		const res = await readFile(
+			join(process.cwd(), '..', '..', 'packages', packageName, 'docs', 'docs.api.json'),
+			'utf8',
+		);
+		return JSON.parse(res);
+	}
+
+	const response = await fetch(`https://docs.discordjs.dev/docs/${packageName}/${version}.api.json`, {
+		next: { revalidate: 3_600 },
+	});
+
+	return response.json();
+}