Add summary for meta tags

Author: bensaufley

src/content/config.ts

@@ -10,6 +10,7 @@ const posts = defineCollection({
       date: z.coerce.date(),
       headerImage: image().optional(),
       headerImageAlt: z.string().optional(),
+      summary: z.string().optional(),
       preview: z.string().optional(),
     }),
 });

src/content/posts/2025-12-28--my-2025-in-books.md

@@ -3,6 +3,7 @@ title: My 2025 in Books
 date: 2025-12-28
 headerImage: ../../assets/images/2025-books.png
 headerImageAlt: some of my top-rated books of 2025
+summary: Looking back at a year of reading audiobooks and my favorite reads of the bunch.
 ---
 
 This year I set a goal of 50 [books read](/reading). I passed that goal at the beginning of October, I think, when I finished one of my favorites of the year, [_The Incandescent_ by Emily Tesh][incandescent]. With a few days left, [I'm at 66 books read this year](https://app.thestorygraph.com/reading_challenges/dashboard/bnsfly), every single one of them an audiobook.[^1] My "Read" pile grows slowly; my "To Be Read" pile grows much faster, and I try not to think about the fact that it is probably _already_ impossible for me to read everything in my TBR pile with the days left in my life. But here's a little retrospective on what I've read this year, including my [Top 5](/blog/2025/12/my-2025-in-books#top-5) for the year.

src/pages/blog/[...slug].astro

@@ -28,15 +28,15 @@ const post = (await getCollection('posts', (p) => slug === getSlug(p)))[0];
 if (!post) throw new Error(`Post not found: ${slug}`);
 
 const {
-  data: { title, date, headerImage, headerImageAlt },
+  data: { title, date, headerImage, headerImageAlt, summary },
 } = post;
 const img = headerImage ? { url: headerImage.src, alt: headerImageAlt! } : undefined;
 const published = dayjs.utc(date).startOf('day');
 
 const { Content } = await post.render();
 ---
 
-<BaseLayout title={title} image={img?.url}>
+<BaseLayout title={title} image={img?.url} description={summary}>
   <Post title={title} posted={published} headerImage={img}>
     <Content />
   </Post>