Release Mode
Portfolio & business site for an AI Solutions Architect & Fractional CTO. Built with Astro, TypeScript, and Tailwind. Focused on performance, SEO, and accessibility.
Tech Stack
Core Framework
- Astro 5.13
Static Site Generation with islands architecture for optimal performance
- TypeScript
Full type safety across the codebase
- MDX
Rich content authoring with React components in Markdown
Styling & UI
- Tailwind CSS 3.4
Utility-first CSS with custom design tokens
- @tailwindcss/typography
Beautiful typography for blog content
- Astro Icon
Optimized SVG icons (Tabler & Flat Color Icons)
- Inter Variable Font
Modern variable font for typography
Content & SEO
- Content Collections
Type-safe, structured content management
- XML Sitemap
Auto-generated sitemap for search engines
- @astrolib/seo
Comprehensive meta tags, Open Graph, Twitter Cards
- RSS Feed
Blog syndication
- Reading Time
Custom remark plugin for estimated reading time
Performance
- Unpic
Universal image CDN with automatic optimization
- Sharp
High-performance image processing
- @playform/compress
CSS, HTML, and JavaScript compression
- Partytown
Third-party script execution in 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
Code quality with TypeScript, Astro, and a11y plugins
- Prettier
Consistent code formatting
- Path Aliases
Clean imports with ~/ prefix
- YAML Configuration
Centralized config system
- pnpm
Fast, disk-efficient package management
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.