shipped project
Astro Blog.
Content-first blog built with Astro. Lightning-fast static output with zero JavaScript by default, MDX support and a clean reading experience.
$ less ./full-description
What this build covers.
A developer-focused blog platform built with Astro — demonstrating that a content site can achieve near-perfect Lighthouse scores without sacrificing a rich reading experience. The architecture ships zero JavaScript to the browser by default; interactive islands load only where needed.
Content is authored in MDX, enabling embedded interactive components (code playgrounds, live demos) alongside standard Markdown. The content schema is fully type-safe via Astro's Content Collections API — every post has validated frontmatter for title, description, tags, and publish date.
The design prioritises reading: comfortable line lengths, generous spacing, a syntax-highlighted code block component with copy-to-clipboard, and a reading progress indicator. The RSS feed, sitemap, and Open Graph images are all generated automatically at build time.
ok
Zero-JS static output by default — interactive islands load on demand only
ok
MDX support for embedded React/Vue components within Markdown posts
ok
Type-safe Content Collections with validated frontmatter schema
ok
Syntax-highlighted code blocks with one-click copy to clipboard
ok
Auto-generated RSS feed, XML sitemap, and dynamic Open Graph images
ok
Reading time estimates and a reading progress indicator on post pages
ok
Tag taxonomy with per-tag archive pages and pagination
$ find ./projects -related
Related builds.
2025 / Web App
Pulse Dashboard
SaaS analytics dashboard with real-time KPI cards, revenue area charts, customer table with slide-out panels, and full dark/light mode theming.
2025 / Web App
Noir Studio
Animated creative agency landing page with GSAP ScrollTrigger, SplitText line reveals, pinned horizontal scroll gallery, magnetic CTA and a custom dual-element cursor.
2024 / Web App
Sweet Layer
Headless e-commerce storefront built with Nuxt and Payload CMS. Full product catalog, cart, checkout flow, and a clean content management backend.