Blog
- Project setup and UI foundations
Bootstrapped the portfolio with Astro, Svelte, Tailwind, and shadcn-svelte, plus dark mode support.
- Wiring the blog, layout, and Storybook
Set up blog routing, core site structure, and Storybook to support component-driven development.
- Refreshing the color system
Updated the global color palette and adjusted key components to match the new design direction.
- About page and docs foundation
Added the About page, updated navigation, and set up Starlight docs with theme tokens to match the portfolio.
- Analytics, visual regression checks, and system diagrams
Added PostHog analytics, wired Chromatic visual regression checks into CI, and documented the site architecture with D2.
- Building out the documentation foundation
Expanded the docs with a Welcome page, component workflow guidance, global styling notes, and foundation sections.
- Clarifying docs structure and polishing key pages
Improved docs navigation and purpose, updated Projects page cards, and refined blog date formatting.
- Shipping the first version
Bonus - Published the portfolio once the foundation and documentation were in place.
- Projects collection and detail pages
Created a projects collection, built a Projects landing page, and added detail pages with structured navigation.
- Navigation polish, custom 404, and project route gating
Cleaned up navigation, added a custom 404 page, and gated project routes until content is ready.
- SEO foundations and metadata
Added sitemap and robots.txt support, improved meta tags and canonical URLs, and documented analytics privacy.
- Multi-user authentication and route protection
Server-side auth with sessions, per-route access, and HTTP-only cookies.
- Finishing route protection and polishing docs
Wrapped up access control, refreshed docs, and cleaned up the codebase.
- Authentication flow working end to end
Login + sessions + middleware checks working together end to end.
- Contact form with server-side handling
Added a secure server endpoint and Supabase table for contact messages, plus AJAX submission and cleanup.
- Roadmap for UI foundations and design system work
A plan for building components, defining tokens, expanding documentation, and moving into wireframes.
- Lighthouse checkpoint
Snapshot of current Lighthouse scores across Performance, Accessibility, Best Practices, and SEO.
- Docs reset
Fixed docs routing, cleaned up structure, and started building out foundation pages.
- Docs expansion + diagrams
Added new docs pages, refined structure, and updated diagrams to keep the system understandable as it grows.
- Contact form spam guard + hero cleanup
Added basic spam filtering to the contact form and simplified the hero interactions.
- Docs polish + component roadmap
Expanded foundation docs and added a component roadmap to keep the UI system organized.