Kenapa Saya Memilih Astro untuk Portofolio Why I Chose Astro for My Portfolio
Mencari Tool yang Tepat
Ketika saya memutuskan untuk membangun ulang portofolio, saya mengevaluasi beberapa opsi:
- WordPress — powerful tapi terlalu berlebihan untuk portofolio statis
- Jekyll — bagus untuk GitHub Pages tapi templating-nya terbatas
- Next.js — excellent tapi terlalu berat untuk situs statis
- Hugo — build cepat tapi Go templating punya learning curve
- Astro — modern, cepat, fleksibel, dan secara default mengirim nol JavaScript
Kenapa Astro Menang
1. Performa Secara Default
Astro mengirim nol JavaScript ke browser kecuali kamu secara eksplisit memintanya. Ini berarti portofolio saya loading sangat cepat.
2. Content Collections
Content collections Astro memberikan:
- Skema frontmatter yang type-safe
- Pembuatan halaman otomatis dari file Markdown
- Querying dan filtering yang mudah
3. Fleksibilitas Framework
Jika suatu saat saya butuh komponen interaktif, saya bisa menggunakan React, Vue, Svelte, atau framework lainnya bersama Astro — menggunakan “islands architecture.”
4. Developer Experience yang Bagus
Dukungan TypeScript, dev server cepat, dokumentasi excellent, dan ekosistem yang terus berkembang.
Kesimpulan
Untuk situs portofolio yang harus cepat, bisa dikustomisasi, dan mudah di-maintain, Astro sulit dikalahkan. Jika kamu sedang membangun situs serupa, saya sangat merekomendasikan untuk mencobanya.
Finding the Right Tool
When I decided to rebuild my portfolio, I evaluated several options:
- WordPress — powerful but overkill for a static portfolio
- Jekyll — great for GitHub Pages but limited templating
- Next.js — excellent but too heavy for a static site
- Hugo — fast builds but Go templating has a learning curve
- Astro — modern, fast, flexible, and ships zero JavaScript by default
Why Astro Won
1. Performance by Default
Astro ships zero JavaScript to the browser unless you explicitly ask for it. This means my portfolio loads incredibly fast.
2. Content Collections
Astro’s content collections provide:
- Type-safe frontmatter schemas
- Automatic page generation from Markdown files
- Easy querying and filtering
3. Framework Flexibility
If I ever need interactive components, I can use React, Vue, Svelte, or any other framework alongside Astro — using its “islands architecture.”
4. Great Developer Experience
TypeScript support, fast dev server, excellent documentation, and a growing ecosystem.
Conclusion
For a portfolio site that needs to be fast, customizable, and easy to maintain, Astro is hard to beat. If you’re building something similar, I highly recommend giving it a try.