feat: add description to pages

TheComputerM · TheComputerM · commit 8c8f5c3da47d · 2025-01-30T19:43:58.000+05:30
diff --git a/src/content/blog/client.ts b/src/content/blog/client.ts
@@ -26,6 +26,7 @@ export const getAllPosts = async () => {
                 id
                 title
                 subtitle
+                brief
                 slug
                 publishedAt
                 readTimeInMinutes
diff --git a/src/content/blog/schema.ts b/src/content/blog/schema.ts
@@ -4,6 +4,7 @@ export const PostSchema = z.object({
 	id: z.string(),
 	title: z.string(),
 	subtitle: z.string(),
+	brief: z.string(),
 	slug: z.string(),
 	publishedAt: z.string(),
 	readTimeInMinutes: z.number(),
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
@@ -6,12 +6,15 @@ import Navbar from "~/components/Navbar";
 
 interface Props {
 	title?: string;
+	description?: string;
 }
 
-const { title = "TheComputerM" } = Astro.props;
+const {
+	title = "TheComputerM",
+	description = "I am Mudit Somani, a CS student at BITS Pilani, GSoC'24 @Dart, Google Code-in '19 @JuliaLang and the president of my college's coding club",
+} = Astro.props;
 ---
 
-
 <!doctype html>
 <html lang="en">
 	<head>
@@ -20,11 +23,12 @@ const { title = "TheComputerM" } = Astro.props;
 		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
 		<meta name="generator" content={Astro.generator} />
 		<title>{title}</title>
+		<meta name="description" content={description} />
 		<slot name="head" />
 	</head>
 	<body>
 		<Navbar client:idle />
 		<slot />
 		<Footer />
 	</body>
-</html>
+</html>
diff --git a/src/pages/blog/[slug].astro b/src/pages/blog/[slug].astro
@@ -29,7 +29,7 @@ const post = entry.data;
 const content = await getPostHTML(slug);
 ---
 
-<BaseLayout title={`${post.title} | TheComputerM's Blog`}>
+<BaseLayout title={`${post.title} | TheComputerM's Blog`} description={post.brief}>
   <Fragment slot="head">
     <link
       rel="stylesheet"
