M2: content collections — case studies, blog, RSS, tags, sitemap

Projects + blog as schema-validated content collections; structured case
studies (problem/design/outcome), blog with tag pages, reading time, RSS
feed (drafts excluded), sitemap, and Shiki dual-theme code highlighting.

src/pages/index.astro

@@ -7,7 +7,11 @@ import SkillGroup from "../components/SkillGroup.astro";
 import ProjectCard from "../components/ProjectCard.astro";
 import Contact from "../components/Contact.astro";
 import { skills } from "../data/skills";
-import { featuredProjects } from "../data/projects";
+import { getCollection } from "astro:content";
+
+const featuredProjects = (await getCollection("projects", (p) => p.data.featured)).sort(
+  (a, b) => a.data.order - b.data.order,
+);
 ---
 
 <Layout path="/">
@@ -25,7 +29,7 @@ import { featuredProjects } from "../data/projects";
 
   <Section id="projects" eyebrow="Selected work" index="03" title="Platforms built to keep working unattended.">
     <div class="grid grid--projects">
-      {featuredProjects.map((project) => <ProjectCard project={project} />)}
+      {featuredProjects.map((entry) => <ProjectCard entry={entry} />)}
     </div>
     <p class="projects__more" data-reveal>
       <a class="btn" href="/projects">All projects →</a>