Teknologi · 3 min baca

Cara Membuat Blog Gratis di GitHub Pages

Tidak perlu membayar hosting. Simak alur membuat blog gratis di GitHub Pages dengan static site generator, dari project Astro hingga online.

a
aixwim

Web Developer & Content Creator

Cara Membuat Blog Gratis di GitHub Pages

Tidak perlu membayar hosting untuk memiliki blog. GitHub Pages menyediakan hosting statis gratis, dan bila dikombinasikan dengan static site generator seperti Astro, hasilnya blog yang cepat dengan biaya nol rupiah. Artikel ini menjelaskan cara membuat blog gratis di GitHub Pages dari nol.

Mengapa GitHub Pages?

Keunggulan utamanya:

  • Gratis — hosting tanpa biaya selama memenuhi kebijakan penggunaan wajar.
  • Cepat — didukung CDN dan cache otomatis.
  • Keamanan — tidak ada server dinamis yang bisa diserang.
  • Integrasi Git — setiap push bisa memicu deployment otomatis.

Konsep di baliknya dijelaskan di artikel static site generator.

Siapkan Alat

Anda butuh:

Komputer atau ponsel sama-sama bisa dipakai untuk seluruh alur ini.

Buat Project Astro

Jalankan:

npm create astro@latest blog-saya -- --template minimal
cd blog-saya
npm install

Tambahkan artikel ke folder konten, lalu pastikan build berhasil:

npm run build

Perintah ini menghasilkan folder dist berisi seluruh file statis.

Atur Konfigurasi Base

Agar aset dimuat benar, atur base di astro.config.mjs sesuai lokasi project:

export default defineConfig({
  site: 'https://username.github.io/',
  base: '/nama-repo/',
});

Bila blog ditempatkan di https://username.github.io/, base dikosongkan. Langkah ini sering menjadi sumber masalah saat aset tidak muncul.

Push ke GitHub dan Deploy

  1. Buat repository baru di GitHub.
  2. Hubungkan project lokal dengan Git (panduan di artikel Git dan GitHub di Termux).
  3. Push kode sumber ke branch main.
  4. Aktifkan GitHub Pages di Settings → Pages.
  5. Pilih sumber deployment — GitHub Actions direkomendasikan karena otomatis.

Alur deployment lengkapnya dijelaskan di cara deploy blog Astro ke GitHub Pages.

Setelah Online

Situs tidak berhenti di sekadar tampil. Lanjutkan dengan:

FAQ

Apakah benar-benar gratis selamanya?

Ya, GitHub Pages tidak memungut biaya untuk penggunaan publik yang wajar. Biaya hanya muncul bila memakai domain kustom yang dibeli sendiri.

Bisakah memakai domain sendiri di GitHub Pages?

Bisa. Atur custom domain di Settings → Pages, lalu sesuaikan site di konfigurasi Astro.

Apakah GitHub Pages cocok untuk blog SEO?

Sangat cocok. Blog statis di sana cepat, punya struktur URL bersih, dan mendukung sitemap, robots, serta metadata.

Kesimpulan

Blog gratis di GitHub Pages bisa dibuat dengan tiga langkah: bangun project dengan static site generator, atur base dengan benar, lalu push ke repository dan aktifkan Pages. Dengan fondasi ini, selanjutnya tinggal fokus menulis konten yang baik dan mengoptimalkan SEO.

a

Ditulis oleh aixwim

Seorang web developer yang suka berbagi pengetahuan tentang teknologi, SEO, dan pengembangan web. Semoga artikel ini bermanfaat untukmu!

Semua artikel →

Artikel Terkait

Komentar