Cara Membuat Website Gratis di GitHub Pages

Ingin punya website pribadi atau portfolio online tapi tidak ingin mengeluarkan biaya? GitHub Pages adalah solusi tepat untuk Anda. Dengan layanan hosting gratis dari GitHub ini, Anda bisa membuat website statis tanpa biaya dan hanya dengan beberapa langkah mudah. Dalam artikel ini, kita akan membahas cara membuat website gratis di GitHub Pages, mulai dari persiapan hingga website Anda online.

Apa Itu GitHub Pages?

GitHub Pages adalah layanan hosting situs web statis gratis dari GitHub. Anda bisa meng-host halaman HTML, CSS, dan JavaScript langsung dari repository GitHub Anda. Cocok untuk membuat:

  • Website pribadi
  • Portfolio developer
  • Dokumentasi proyek
  • Blog statis

Tidak perlu server, database, atau biaya hosting!

Persyaratan Sebelum Memulai

Sebelum mulai membuat website di GitHub Pages, pastikan Anda memiliki:

  1. Akun GitHub (gratis, bisa daftar di github.com)
  2. Dasar pemahaman HTML/CSS (tidak wajib tapi membantu)
  3. Editor teks (seperti VS Code atau Notepad++)

Langkah-Langkah Membuat Website Gratis di GitHub Pages

1. Buat Akun GitHub

Jika belum punya akun GitHub, silakan daftar di https://github.com/join. Prosesnya cepat dan gratis.

2. Buat Repository Baru

  1. Login ke akun GitHub Anda
  2. Klik tombol “New Repository”
  3. Isi nama repository, misalnya: username.github.io
    (ganti username dengan nama akun GitHub Anda)
  4. Biarkan repository Public
  5. Centang Add a README file (opsional)
  6. Klik Create repository

📌 Repository dengan nama seperti username.github.io akan otomatis digunakan untuk GitHub Pages utama Anda.

3. Upload File Website

Anda bisa upload file HTML, CSS, dan JS Anda:

  • Klik tab “Code” > Upload files
  • Drag & drop file website Anda (misalnya: index.html, style.css, dll)
  • Commit perubahan

Atau gunakan Git dengan command line:

git clone https://github.com/username/username.github.io
cd username.github.io
# Tambahkan file website Anda ke dalam folder ini
git add .
git commit -m "Initial commit"
git push origin main

4. Aktifkan GitHub Pages

  1. Masuk ke tab “Settings” di repository Anda
  2. Scroll ke bagian Pages
  3. Di bagian Source, pilih branch: main dan folder: / (root)
  4. Klik Save

Setelah beberapa detik, Anda akan melihat pesan:
Your site is live at https://username.github.io

Selamat! Website Anda sudah online!

Tips Tambahan

  • Gunakan template HTML gratis dari situs seperti HTML5 UP atau BootstrapMade
  • Anda juga bisa menggunakan generator statis seperti Jekyll atau Hugo untuk membuat blog
  • Cek responsivitas website Anda agar nyaman dilihat di mobile

Kelebihan Menggunakan GitHub Pages

  • 💰 Gratis 100%
  • 🌐 Domain langsung username.github.io
  • 🔒 HTTPS otomatis
  • 🚀 Performa cepat
  • 🛠 Terintegrasi dengan version control (Git)

Kesimpulan

Dengan GitHub Pages, siapa pun bisa membuat website profesional secara gratis dan mudah. Ini sangat cocok untuk developer, mahasiswa, atau siapa saja yang ingin membangun kehadiran online. Mulailah sekarang dan tampilkan portofolio Anda ke dunia!

Categorized in:

programming

Tagged in:

,