Cara Deploy Blog Statis Gratis Pakai Astro
Kalau pakai blog dinamis, saya selalu khawatir lupa perpanjang server atau kena masalah pas upgrade program. Setelah kenal blog statis, baru sadar kalau ini solusi yang ideal. Setelah bandingin Hugo, Hexo, dan Astro, akhirnya saya pilih Astro.
Kelebihan Blog Statis
- Hosting Gratis - Selain domain, perusahaan teknologi besar menyediakan layanan hosting gratis untuk developer individu.
- Nol Perawatan - Artikel disimpan di komputer sendiri. Selama platform hostingnya nggak tutup, blog kamu bisa jalan selamanya.
- Pre-rendered - Blog statis menghasilkan file HTML/CSS/JS murni sebelum deploy, tanpa backend.
- Kompatibel dengan CDN - Karena semuanya file statis, mendistribusikannya ke edge node global bikin loading pengguna di seluruh dunia cuma hitungan milidetik.
Kenapa Pilih Astro
- Static-First - Menghasilkan file HTML murni, nggak butuh database atau server.
- Performa Luar Biasa - Zero JavaScript secara default, loading super cepat.
- Fleksibel Banget - Mendukung Markdown, MDX, dan framework campuran.
- Ekosistem Aktif - Komunitasnya hidup, dokumentasinya lengkap, library plugin-nya melimpah.
Tema Sintu Single-Column untuk Astro
Template tema satu kolom Astro ini saya rancang dan bangun sendiri. Baru-baru ini saya minta Hermes memigrasikannya dari Typecho ke Astro. Selama migrasi, lumayan banyak fitur yang saya upgrade, dan kodenya sekarang sepertiga lebih ringkas dari sebelumnya. Sekalian saya sampaikan juga, populernya AI bikin tugas yang dulu ribet jadi jauh lebih gampang — progres development rasanya kayak dewa, kualitas kodenya nyaris sempurna, dan bikin saya makin mendekati level programmer jenius 😂.
Sorotan Fitur
- Performa Sempurna - Loading milidetik, skor Google Lighthouse pas 100 baik di mobile maupun desktop.
- Dark Mode - Ada tombol toggle dark mode di sebelah logo.
- Zoom Thumbnail saat Hover - Selain diperbesar, klik gambarnya langsung menuju halaman artikel.
- Tanpa Gambar Preview di Mobile - Pengaturan loading resource berdasarkan ukuran layar, jadi hemat bandwidth.
- Pengolahan Gambar Aliyun OSS - Gambar diproses lewat OSS, dengan parameter ditambahkan setelah render HTML, hemat bandwidth.
- Optimasi Performa - CSS dibundel via Vite, gambar pakai lazy loading.
- Desain Responsif - Adaptasi sempurna untuk desktop dan mobile, pakai grid system yang seragam.
- Kotak Komentar - Terintegrasi pakai solusi resmi Twikoo.
Alur Publikasi
- Tulis artikel Markdown di lokal.
- Kirim pesan ke Hermes Agent untuk push ke repositori GitHub (atau push sendiri via GitHub).
- Tencent EdgeOne, Vercel, Netlify, atau Cloudflare Pages otomatis menarik update dan build.
- Auto-deploy ke node CDN global.
Open Source
Tema ini open source. Kalau kamu suka, kamu juga bisa traktir penulisnya: