Add open graph images and sitemap

Author: yanthomasdev

astro.config.mjs

@@ -1,23 +1,26 @@
 import remarkAsides from "#scripts/asides.js";
 import mdx from "@astrojs/mdx";
+import sitemap from "@astrojs/sitemap";
 import expressiveCode from "astro-expressive-code";
-import { defineConfig, fontProviders } from "astro/config";
+import { defineConfig } from "astro/config";
 import remarkDirective from "remark-directive";
 
 // https://astro.build/config
 export default defineConfig({
 	site: "https://yanthomas.dev",
+	trailingSlash: "always",
 	integrations: [
 		expressiveCode({
 			themes: ["catppuccin-macchiato"],
 			styleOverrides: {
 				borderRadius: "0",
-				uiFontFamily: "var(--font-space-mono)",
+				uiFontFamily: "'Space Mono', monospace",
 				uiFontSize: "var(--font-size--2)",
-				codeFontFamily: "var(--font-space-mono)",
+				codeFontFamily: "'Space Mono', monospace",
 				codeFontSize: "var(--font-size--2)",
 			},
 		}),
+		sitemap(),
 		mdx(),
 	],
 	markdown: {
@@ -31,14 +34,5 @@ export default defineConfig({
 		contentIntellisense: true,
 		svgo: true,
 		clientPrerender: true,
-		fonts: [{
-			provider: fontProviders.google(),
-			name: "Space Mono",
-			cssVariable: "--font-space-mono",
-			weights: ["400", "700"],
-			styles: ["normal", "italic"],
-			subsets: ["latin"],
-			fallbacks: ["monospace"],
-		}],
 	},
 });

package.json

@@ -15,10 +15,15 @@
 	"dependencies": {
 		"@astrojs/check": "^0.9.6",
 		"@astrojs/mdx": "^4.3.12",
+		"@astrojs/sitemap": "^3.6.0",
+		"@fontsource/space-mono": "^5.2.9",
 		"astro": "^5.16.4",
 		"astro-expressive-code": "^0.38.3",
 		"hastscript": "^9.0.1",
 		"remark-directive": "^3.0.1",
+		"satori-astro": "^0.3.1",
+		"satori-html": "^0.3.2",
+		"sharp": "^0.34.5",
 		"typescript": "^5.9.3",
 		"unist-util-visit": "^5.0.0"
 	},