Welcome to My New Blog
Welcome to My New Blog
I’ve recently migrated my personal site from Next.js to Astro, and I’m excited to share why this change makes a huge difference for content-focused sites like this one.
Why Astro?
Astro is a modern web framework designed specifically for content-driven websites. Here’s what makes it special:
Zero JavaScript by Default
Unlike traditional frameworks that ship JavaScript to the browser even for static content, Astro sends zero JavaScript by default. This means:
- Faster page loads - No JavaScript to parse or execute
- Better Core Web Vitals - Smaller bundles = faster LCP and FID
- Improved SEO - Search engines love fast sites
Islands Architecture
When you do need interactivity, Astro uses an “islands” architecture. Interactive components are hydrated independently, so a contact form doesn’t slow down the rest of the page.
Content Collections
My blog posts are now stored as Markdown files with type-safe frontmatter validation using Zod. This means:
- Version-controlled content in Git
- No external CMS dependencies
- Instant builds with no API calls
Performance Results
The migration resulted in significant improvements:
| Metric | Before (Next.js) | After (Astro) |
|---|---|---|
| JS Bundle | ~100KB | ~5KB |
| TTFB | 200-500ms | 10-50ms |
| Lighthouse Score | 85-90 | 98-100 |
What’s Next?
I’ll be writing more about AWS, DevOps, and modern web development. Stay tuned!
Thanks for reading! Feel free to reach out via the contact form below.