feat(docs): add blog (#1786)

Author: felangel

docs/astro.config.mjs

@@ -2,6 +2,7 @@
 import { defineConfig } from 'astro/config';
 import starlight from '@astrojs/starlight';
 import tailwindcss from '@tailwindcss/vite';
+import starlightBlog from 'starlight-blog';
 import starlightLinksValidator from 'starlight-links-validator';
 
 const site = 'https://dart-frog.dev/';
@@ -78,6 +79,17 @@ export default defineConfig({
 				},
 			],
 			plugins: [
+				starlightBlog({
+					metrics: { readingTime: true, words: false },
+					authors: {
+						team: {
+							name: 'Dart Frog',
+							title: 'Team',
+							picture: '/headshots/dart-frog.svg',
+							url: site,
+						},
+					},
+				}),
 				starlightLinksValidator({
 					errorOnFallbackPages: false,
 					errorOnInconsistentLocale: true,

docs/package-lock.json

@@ -15,7 +15,8 @@
     "@astrojs/check": "^0.9.4",
     "@astrojs/starlight": "^0.35.2",
     "astro": "^5.12.5",
-    "sharp": "^0.34.3"
+    "sharp": "^0.34.3",
+    "starlight-blog": "^0.24.0"
   },
   "devDependencies": {
     "@astrojs/starlight-tailwind": "^4.0.1",

docs/package.json

@@ -1,7 +1,11 @@
 import { defineCollection } from 'astro:content';
 import { docsLoader } from '@astrojs/starlight/loaders';
 import { docsSchema } from '@astrojs/starlight/schema';
+import { blogSchema } from 'starlight-blog/schema';
 
 export const collections = {
-	docs: defineCollection({ loader: docsLoader(), schema: docsSchema() }),
+	docs: defineCollection({
+		loader: docsLoader(),
+		schema: docsSchema({ extend: (context) => blogSchema(context) }),
+	}),
 };