Implement content generation

src/pages/index.astro

@@ -1,5 +1,15 @@
 ---
+import { getCollection } from 'astro:content';
 import BaseLayout from '../layouts/BaseLayout.astro';
+import ArticleList from '../components/ArticleList.astro';
+import { parseDateFromId } from '../utils/articles';
+
+const allArticles = await getCollection('articles', ({ data }) => !data.draft);
+const articles = allArticles.map((a) => ({
+  slug: a.id,
+  date: parseDateFromId(a.id),
+  title: a.data.title,
+}));
 ---
 <BaseLayout description="Личный сайт Антона Вахрушева">
   <main class="max-w-content mx-auto px-3 sm:px-0">
@@ -13,6 +23,10 @@ import BaseLayout from '../layouts/BaseLayout.astro';
 
     <div class="border-t border-rule my-8"></div>
 
+    <ArticleList articles={articles} />
+
+    <div class="border-t border-rule my-8"></div>
+
     <ul class="list-none p-0 m-0">
       <li>
         <a href="mailto:anton@vakhrushev.me">anton@vakhrushev.me</a>