My experience building this blog with Astro

Welcome to my first post! I want to share with you how I created this blog using Astro, a framework that has revolutionized the way we build websites.

What is Astro?

Astro is a modern web framework designed for building fast, content-focused websites. Unlike other frameworks, Astro ships zero JavaScript to the browser by default, resulting in incredibly fast load times.

Main features of Astro:

Islands Architecture: Load JavaScript only where needed
UI Agnostic: Works with React, Vue, Svelte, or just HTML
Zero JavaScript by default: Ultra-fast static sites
Content Collections: Type-safe Markdown/MDX content handling
Built-in i18n support: Simple internationalization

Why I chose Astro?

After evaluating several options (Next.js, Gatsby, Hugo), I decided on Astro for several reasons:

Simplicity: The learning curve is gentle
Performance: Generated sites are incredibly fast
Flexibility: I can use my favorite components without lock-in
DX (Developer Experience): Development is smooth and enjoyable

Features of this blog

Language toggle (Spanish/English)

I implemented a language selector that allows switching between Spanish and English using Astro’s built-in i18n system.

Theme toggle (Light/Dark)

I also included a theme selector that allows toggling between light and dark mode, saved in localStorage.

Conclusion

Astro has proven to be an excellent choice for this project. Its focus on performance and simplicity makes it perfect for blogs and content sites.

I’m also using this site to document my iOS AI stack, where I combine MLX Swift with SwiftUI.

Thanks for reading!

Learning Astro