feat: basic slide generation

package.json

@@ -17,6 +17,7 @@
     "@astrojs/sitemap": "3.2.1",
     "@astrojs/solid-js": "^4.4.4",
     "@astrojs/tailwind": "5.1.2",
+    "@marp-team/marpit": "^3.1.1",
     "@shikijs/transformers": "^1.22.0",
     "@solid-primitives/set": "^0.5.0",
     "astro": "4.16.15",

src/content/config.ts

@@ -16,4 +16,19 @@ const blog = defineCollection({
   }),
 });
 
-export const collections = { blog };
+const slide = defineCollection({
+  // Type-check frontmatter using a schema
+  schema: z.object({
+    title: z.string(),
+    description: z.string(),
+    category: z.string().optional(),
+    topics: z.array(z.string()).optional(),
+    // Transform string to Date object
+    pubDate: z.coerce.date(),
+    updatedDate: z.coerce.date().optional(),
+    hidden: z.boolean().optional(),
+    series: z.string().optional(),
+  }),
+});
+
+export const collections = { blog, slide };

src/content/slide/async-trait.md

@@ -0,0 +1,23 @@
+---
+title: Rust 1.75.0의 Async trait
+description: 작년 말 릴리즈된 Rust 1.75.0에서 trait에 async fn을 지원하기 시작했습니다. 하지만 공개 trait에서는 이를 사용하는 걸 권장하지 않는데요. Rust의 async 문법 작동 방식을 간단히 알아보고, 왜 공개 trait에서 async 키워드 사용이 권장되지 않는지 알아봅시다.
+category: rust
+pubDate: 2024-06-24T13:05:00+09:00
+hidden: true
+topics:
+  - Rust
+  - async
+  - async-trait
+updatedDate: 2024-08-20T17:08+09:00
+internalUpdatedDate: 2024-08-23T02:13+09:00
+---
+
+안녕하세요
+
+---
+
+ㅁㄴㅇㄹ
+
+---
+
+ㅁㄴㅇㄹㄹㅁㄴㅇㅁ나앶메

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

@@ -0,0 +1,30 @@
+---
+import { getCollection, type CollectionEntry } from "astro:content";
+import { Marpit } from "@marp-team/marpit";
+import Layout from "@layouts/Layout.astro";
+
+export async function getStaticPaths() {
+  const slides = await getCollection("slide");
+  return slides.map((slide) => ({
+    params: { slug: slide.slug },
+    props: slide,
+  }));
+}
+
+const slide = Astro.props;
+type Props = CollectionEntry<"slide">;
+
+const marpit = new Marpit({
+  markdown: {
+    html: true,
+  }
+});
+
+const { html, css } = marpit.render(slide.body);
+console.log(html);
+---
+<Layout title={slide.data.title} description={slide.data.description}>
+    <style is:inline set:html={css}></style>
+<Fragment set:html={html} />
+</Layout>
+