ethanstack.dev
A static personal technical blog and portfolio built with Astro 6 and Tailwind CSS 4.
Astro TypeScript Tailwind CSS Pagefind Vercel
The ethanstack.dev site is built from the ground up as a fast, maintainable personal technical blog. Static output via Astro 6, styled with Tailwind CSS 4, and searchable with Pagefind — all deployed on Vercel’s free tier.
Architecture
- Content: Markdown and MDX files in Astro Content Collections
- Build: Astro static generation with TypeScript strict mode
- Styling: Tailwind CSS 4 CSS-first configuration
- Search: Pagefind local indexing after build
- Deployment: GitHub + Vercel with automatic preview deployments