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.
- 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.