From 0f65b996085d8aa76029163817bf7f28215cd5d6 Mon Sep 17 00:00:00 2001 From: "houston[bot]" Date: Thu, 12 Jun 2025 22:12:30 +0200 Subject: Initial commit from Astro --- src/pages/blog/[slug].astro | 67 ++++++++++++++++++++++++++++++++++++++ src/pages/blog/index.astro | 48 ++++++++++++++++++++++++++++ src/pages/index.astro | 78 +++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 193 insertions(+) create mode 100644 src/pages/blog/[slug].astro create mode 100644 src/pages/blog/index.astro create mode 100644 src/pages/index.astro (limited to 'src/pages') diff --git a/src/pages/blog/[slug].astro b/src/pages/blog/[slug].astro new file mode 100644 index 0000000..f42f5c9 --- /dev/null +++ b/src/pages/blog/[slug].astro @@ -0,0 +1,67 @@ +--- +import { getCollection, getEntry } from 'astro:content'; +import StandardLayout from '../../layouts/StandardLayout.astro'; + +// Define the props type +export async function getStaticPaths() { + const blogEntries = await getCollection('blog'); + return blogEntries.map(entry => ({ + params: { slug: entry.slug }, + props: { entry }, + })); +} + +// Get the blog post data +const { entry } = Astro.props; +const { Content } = await entry.render(); + +// Format the publication date +const formattedDate = new Date(entry.data.pubDate).toLocaleDateString('en-US', { + year: 'numeric', + month: 'long', + day: 'numeric' +}); +--- + + +
+
+ + + + + Back to Blog + +
+ + {entry.data.image && ( + {entry.data.title} + )} + +

{entry.data.title}

+ +
+ By {entry.data.author} + • + +
+ + {entry.data.tags && entry.data.tags.length > 0 && ( +
+ {entry.data.tags.map(tag => ( + + {tag} + + ))} +
+ )} + +
+ +
+
+ diff --git a/src/pages/blog/index.astro b/src/pages/blog/index.astro new file mode 100644 index 0000000..76b9f57 --- /dev/null +++ b/src/pages/blog/index.astro @@ -0,0 +1,48 @@ +--- +import StandardLayout from '../../layouts/StandardLayout.astro'; +import { getCollection } from 'astro:content'; + +// Get all blog posts sorted by publication date +const posts = await getCollection('blog'); +posts.sort((a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf()); +--- + + +
+

Blog

+ +
+ {posts.map((post) => ( + + ))} +
+ + {posts.length === 0 && ( +
+

No blog posts found. Check back soon!

+
+ )} +
+ diff --git a/src/pages/index.astro b/src/pages/index.astro new file mode 100644 index 0000000..a88712c --- /dev/null +++ b/src/pages/index.astro @@ -0,0 +1,78 @@ +--- +import Counter from "../components/Counter"; +import StandardLayout from "../layouts/StandardLayout.astro"; +import { getCollection } from "astro:content"; + +// Get the latest 3 blog posts +const latestPosts = await getCollection("blog"); +latestPosts.sort((a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf()); +const featuredPosts = latestPosts.slice(0, 3); +--- + + +
+
+

+ Welcome to Astro +

+

+ A modern framework for building fast, content-focused websites. +

+
+ +
+
+
+ +
+
+
+

+ Latest Blog Posts +

+ View all posts → +
+ +
+ { + featuredPosts.map((post) => ( + + )) + } +
+
+
+ -- cgit v1.3.1