Case study
Release Mode
Portfolio & business site for an AI Solutions Architect & Fractional CTO. Built with Astro, TypeScript, and Tailwind, tuned for performance, SEO, and accessibility.
Tech stack
What it's built with
Core framework
- Astro 5.13: static site generation with islands architecture
- TypeScript: full type safety across the codebase
- MDX: rich content authoring with components in Markdown
Styling & UI
- Tailwind CSS 3.4: utility-first CSS with custom design tokens
- @tailwindcss/typography: typography for blog content
- Astro Icon: optimized SVG icons (Tabler & Flat Color Icons)
- Inter Variable: modern variable font
Content & SEO
- Content Collections: type-safe, structured content management
- XML sitemap: auto-generated for search engines
- @astrolib/seo: meta tags, Open Graph, Twitter Cards
- RSS feed: blog syndication
- Reading time: custom remark plugin
Performance
- Unpic: universal image CDN with automatic optimization
- Sharp: high-performance image processing
- @playform/compress: CSS, HTML, and JavaScript compression
- Partytown: third-party scripts in a web worker
- Static generation: pre-rendered pages for instant loading
Blog system
- Category & tag taxonomies: organized content structure
- Pagination: configurable posts per page
- Related posts: automatic recommendations
- Responsive tables: custom rehype plugin
- Customizable permalinks: flexible URL structure
Developer experience
- ESLint: TypeScript, Astro, and a11y plugins
- Prettier: consistent formatting
- Path aliases: clean imports with ~/ prefix
- YAML configuration: centralized config system
- pnpm: fast, disk-efficient package management
Highlights
Key technical achievements
- 100% static generation for maximum performance
- Fully typed configuration and content system
- Custom remark/rehype plugin pipeline for enhanced Markdown processing
- Modular component architecture with reusable widgets
- SEO-first approach with comprehensive meta tag management
Deployment
Hosted on AWS Amplify with Route 53 for DNS. Optimized caching strategies (1-year TTL for static assets). Google Analytics with privacy-focused Partytown integration.