1 files changed, 61 insertions, 0 deletions
diff --git a/src/pages/blog/index.astro b/src/pages/blog/index.astro
new file mode 100644
index 0000000..3a27111
--- /dev/null
+++ b/src/pages/blog/index.astro
@@ -0,0 +1,61 @@
+---
+import type { CollectionEntry } from "astro:content";
+import { config } from "../../config";
+import { getCollection } from "astro:content";
+import blogSchema from "../../utils/schemas/blogSchema";
+import Layout from "../../layouts/BaseLayout.astro";
+import PostElement from "../../components/PostElement.astro";
+import RSSIcon from "../../components/Icons/RSS.astro";
+
+const posts = await getCollection("blog", ({ data }) => {
+	return data.draft !== true;
+});
+
+posts.sort((a, b) => b.data.datePublished.getTime() - a.data.datePublished.getTime());
+
+const postsByYear = posts.reduce<Record<string, CollectionEntry<"blog">[]>>((acc, post) => {
+	const year = post.data.datePublished.getFullYear().toString();
+	if (!acc[year]) {
+		acc[year] = [];
+	}
+	acc[year].push(post);
+	return acc;
+}, {});
+
+const years = Object.keys(postsByYear).sort((a, b) => Number(b) - Number(a));
+
+const title = "Valentin Popov's Blog | Software Development, Leadership & Open-Source";
+const description = "Explore Valentin Popov's blog on software development, tech leadership, and open-source experiments. Stay updated with in-depth tutorials and expert insights.";
+const preview = config.og.defaultPreview;
+const lang = "en";
+
+const schema = blogSchema({
+	siteUrl: new URL("/", Astro.site).toString(),
+	title,
+	posts,
+});
+---
+
+<Layout title={title} description={description} preview={preview} lang={lang} schema={schema}>
+	<section>
+		<h1>
+			Blog posts
+			<RSSIcon />
+		</h1>
+	</section>
+
+	<section>
+		{
+			years.map((year) => (
+				<div>
+					<h2>{year}</h2>
+					<ul>
+						{postsByYear[year].map((post) => (
+							<PostElement post={post} />
+						))}
+					</ul>
+				</div>
+			))
+		}
+	</section>
+</Layout>