Back to all projects
Active
Featured
Personal Portfolio & Blog
A content-first personal website showcasing development work, artwork, and technical writing. Built with Astro and deployed to Cloudflare Pages.
Tech Stack
Astro MDX Tailwind CSS Cloudflare Pages Shiki
Tags
astro portfolio blog cloudflare
Personal Portfolio & Blog
A modern, performant portfolio website featuring a blog, project showcase, and artwork gallery. Built with Astro’s content collections for type-safe content management.
Project Goals
- Showcase development projects and technical skills
- Share knowledge through technical blog posts
- Display digital artwork created with Wacom Movink11
- Maintain 95+ Lighthouse scores across all metrics
- Achieve WCAG 2.2 AA accessibility compliance
Technical Highlights
- Content Collections: Type-safe content management with Zod schemas
- MDX Support: Enhanced markdown with component support
- Syntax Highlighting: Shiki with github-dark theme
- Design System: Custom color palette (yellow, emerald, teal)
- Typography: Elms Sans font with optimized weights
- Performance: Sub-3s Time to Interactive
Features Roadmap
- Blog with content collections
- Reading time calculation
- Category/tag pages
- Projects showcase
- Artwork gallery
- Contact form with Cloudflare Email Workers
- Analytics dashboard
- AI-powered features (summarization, chatbot)