Day One: Light as the first interface

Separation creates meaning

The first day of the Genesis narrative is about contrast before complexity. Light is divided from darkness, and the world becomes readable. A template needs the same discipline: before adding features, it needs clear routes, readable color, stable spacing, and fast first paint.

This post demonstrates MDX inside Astro Content Collections. It uses typed frontmatter, imported Astro components, generated static routes, RSS output, sitemap inclusion, and article metadata.

Astro implementation notes

The page is statically generated through getStaticPaths() and post.render(). That keeps the article fast and cacheable while still giving authors MDX components and typed content.

The dark mode script runs before paint, so the first frame uses the selected theme instead of flashing between light and dark.

Production guidance

Replace this post with project content, but keep the schema strict. Frontmatter validation is one of the cheapest ways to keep a large editorial site from degrading over time.