chore: deps

apps/guide/.env.development

@@ -0,0 +1 @@
+METADATA_BASE_URL=http://localhost:3000

apps/guide/next.config.js

@@ -13,12 +13,13 @@ module.exports = withBundleAnalyzer(
 	withContentlayer({
 		reactStrictMode: true,
 		experimental: {
-			appDir: true,
+			typedRoutes: true,
 		},
 		images: {
 			dangerouslyAllowSVG: true,
 			contentDispositionType: 'attachment',
 			contentSecurityPolicy: "default-src 'self'; frame-src 'none'; sandbox;",
 		},
+		poweredByHeader: false,
 	}),
 );

apps/guide/package.json

@@ -52,9 +52,9 @@
 		"@vercel/og": "^0.5.11",
 		"ariakit": "^2.0.0-next.44",
 		"cmdk": "^0.2.0",
-		"contentlayer": "0.3.1",
-		"next": "^13.4.17",
-		"next-contentlayer": "0.3.1",
+		"contentlayer": "^0.3.4",
+		"next": "^13.4.19",
+		"next-contentlayer": "^0.3.4",
 		"next-themes": "^0.2.1",
 		"react": "^18.2.0",
 		"react-custom-scrollbars-2": "^4.5.0",
@@ -65,16 +65,16 @@
 		"sharp": "^0.32.5"
 	},
 	"devDependencies": {
-		"@next/bundle-analyzer": "^13.4.17",
+		"@next/bundle-analyzer": "^13.4.19",
 		"@testing-library/react": "^14.0.0",
 		"@testing-library/user-event": "^14.4.3",
 		"@types/html-escaper": "^3.0.0",
-		"@types/node": "18.17.5",
+		"@types/node": "18.17.6",
 		"@types/react": "^18.2.20",
 		"@types/react-dom": "^18.2.7",
-		"@unocss/cli": "^0.55.1",
-		"@unocss/eslint-config": "^0.55.1",
-		"@unocss/reset": "^0.55.1",
+		"@unocss/cli": "^0.55.2",
+		"@unocss/eslint-config": "^0.55.2",
+		"@unocss/reset": "^0.55.2",
 		"@vitejs/plugin-react": "^4.0.4",
 		"@vitest/coverage-v8": "^0.34.2",
 		"concurrently": "^8.2.0",
@@ -82,16 +82,16 @@
 		"eslint": "^8.47.0",
 		"eslint-config-neon": "^0.1.47",
 		"eslint-formatter-pretty": "^5.0.0",
-		"happy-dom": "^10.10.2",
+		"happy-dom": "^10.10.4",
 		"hast-util-to-string": "^2.0.0",
-		"hastscript": "^7.2.0",
+		"hastscript": "^8.0.0",
 		"html-escaper": "^3.0.3",
-		"lighthouse": "^10.4.0",
-		"prettier": "^2.8.8",
+		"lighthouse": "^11.0.0",
+		"prettier": "^3.0.2",
 		"turbo": "^1.10.12",
 		"typescript": "^5.1.6",
-		"unocss": "^0.55.1",
-		"vercel": "^31.4.0",
+		"unocss": "^0.55.2",
+		"vercel": "^32.0.0",
 		"vitest": "^0.34.2"
 	},
 	"engines": {

apps/guide/src/app/layout.tsx

@@ -13,6 +13,9 @@ import '~/styles/ch.css';
 import '~/styles/main.css';
 
 export const metadata: Metadata = {
+	metadataBase: new URL(
+		process.env.METADATA_BASE_URL ? process.env.METADATA_BASE_URL : `http://localhost:${process.env.PORT ?? 3_000}`,
+	),
 	title: 'discord.js',
 	description: DESCRIPTION,
 	viewport: {

apps/guide/src/components/Header.tsx

@@ -3,6 +3,7 @@
 import { VscGithubInverted } from '@react-icons/all-files/vsc/VscGithubInverted';
 import { VscMenu } from '@react-icons/all-files/vsc/VscMenu';
 import { Button } from 'ariakit/button';
+import type { Route } from 'next';
 import dynamic from 'next/dynamic';
 import Link from 'next/link';
 import { usePathname } from 'next/navigation';
@@ -23,7 +24,7 @@ export default function Header() {
 				.map((path, idx, original) => (
 					<Link
 						className="rounded outline-none hover:underline focus:ring focus:ring-width-2 focus:ring-blurple"
-						href={`/${original.slice(0, idx + 1).join('/')}`}
+						href={`/${original.slice(0, idx + 1).join('/')}` as Route}
 						key={`${path}-${idx}`}
 					>
 						{path}

apps/guide/src/components/Sidebar.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import { allContents } from 'contentlayer/generated';
+import type { Route } from 'next';
 import Link from 'next/link';
 import { usePathname } from 'next/navigation';
 import { Section } from './Section';
@@ -45,7 +46,7 @@ export function Sidebar() {
 									? 'bg-blurple text-white'
 									: 'dark:hover:bg-dark-200 dark:active:bg-dark-100 hover:bg-light-700 active:bg-light-800'
 							}`}
-							href={member.href}
+							href={member.href as Route}
 							key={`${member.title}-${index}`}
 							onClick={() => setOpened(false)}
 							title={member.title}