Context

Personal project to present professional work with clarity and maintainability.

Problem

Existing portfolio templates felt generic and prioritized visual effects over readable presentation of technical work.

Solution

Building a static-first portfolio inspired by editorial publications, with structured content collections for projects and articles.

Technical Decisions

  • Chose Astro for static generation and minimal JavaScript
  • Used Content Collections with Zod schemas for type-safe frontmatter
  • Plain CSS with design tokens instead of utility frameworks

Technical Implementation

Technical Implementation

The site uses Astro Content Collections for projects and articles. Each project is a Markdown file with structured frontmatter covering problem, solution, and technical decisions. Pages are server-rendered at build time with no client-side framework.

Challenges

  • Balancing editorial aesthetics with technical portfolio requirements
  • Designing content schemas flexible enough for varied project types

What I Learned

  • Content separation from presentation simplifies long-term maintenance
  • Typography and whitespace do more for professionalism than animations

← Back to projects