Portfolio Rebuild • active

Rat with Hats Site Rebuild

Shipping the first pass of a new portfolio architecture with content collections, reusable layouts, and a documentation-first mindset.

Grey rat in a red vest working with electronics
  • Web
  • Astro
  • Refactor
  • Documentation

Highlights

  • Created content collection schemas for the site's writing, dev updates, author profiles, and media.
  • Added homepage section architecture with reusable cards and shared metadata.
  • Documented deployment, authoring, customization, and troubleshooting.

This update is mostly about reducing future friction.

Architecture snapshot

src/
├── components/
├── config/
├── content/
├── layouts/
├── pages/
└── utils/

The principle is simple: content should be easy to add, layout code should be easy to reuse, and future sections should be able to join the site without changing every route.

Example data flow

const entries = sortByPublishedDesc(
  await getCollection("dev-updates", ({ data }) => !data.draft),
);

The page layer asks the collection for data, then hands that data to generic UI pieces. No section should require a bespoke rendering pipeline unless it truly has unique needs.