← Level 6 – Project lead

Pelajaran 3 dari 8 ⏱ 35 menit Premium

Hosting dan Penerapan Pertama kamu

Unggah situs web kamu ke internet menggunakan Halaman GitHub, dan sambungkan ke domain kamu.

Di mana situs web kamu akan ditayangkan

Hosting adalah server tempat situs web kamu berada. Untuk situs web statis (HTML, CSS, JS – persis seperti yang kamu buat), tempat terbaik untuk memulai adalah Halaman GitHub: gratis, dapat diandalkan, dan kamu sudah mengenal Git.

Tunjukkan pada saya: penerapan ke Halaman GitHub

  1. Dorong proyek kamu ke GitHub (kamu sudah tahu caranya: git add ., git commit, git push).
  2. Di GitHub, buka repositori kamu → Pengaturan → Halaman.
  3. Di bawah “Sumber”, pilih cabang main dan folder / (root).
  4. Simpan – dalam satu menit, situs web kamu berjalan di nama-kamu.github.io/nama-repo.

Selesai. Situs web kamu ada di internet, dan seluruh dunia dapat melihatnya. 🎉

Menghubungkan domain kamu sendiri

Punya domain dari pelajaran terakhir? Mari kita hubungkan:

  1. Di GitHub: Pengaturan → Halaman → Domain khusus → masukkan domain kamu.
  2. Di registrar kamu, siapkan data DNS (kamu akan menemukannya di dokumen Halaman GitHub):
    • catatan CNAME untuk wwwnama-kamu.github.io
    • A catatan untuk domain tanpa www → Alamat IP Halaman GitHub
  3. Tunggu – perubahan DNS membutuhkan waktu hingga beberapa jam untuk menyebar ke seluruh dunia (biasanya hanya beberapa menit).
💡

Memiliki situs web dengan server sendiri (buku tamu atau chatbot)? Halaman GitHub hanya menangani halaman statis – server memerlukan hosting yang berbeda (misalnya Railway, Render; mereka memiliki tingkat pemula gratis). Prosesnya serupa: kamu menghubungkan repositori kamu dan layanan memulai server. kamu masih dapat menyimpan bagian statis situs web kamu di Pages.

Sekarang giliran kamu 💪

  1. Terapkan proyek kamu ke Halaman GitHub dengan mengikuti langkah-langkah di atas.
  2. Buka situs web kamu di ponsel kamu (bukan di Wi-Fi!) – dapatkah kamu melihatnya? Begitulah cara seluruh dunia melihatnya.
  3. Kirimkan alamatnya ke satu orang (orang tua, teman) dan mintalah umpan balik: apa yang berhasil, apa yang terasa salah.
  4. Jika kamu memiliki domain, sambungkan dan periksa apakah situs web kamu berjalan di alamat kamu sendiri.
  5. Tuliskan di LAUNCH.md: alamat situs web kamu dan tanggal penerapan pertama kamu. Itu adalah momen bersejarah!

Periksa: Situs web kamu dapat dijangkau dari perangkat apa pun di dunia – di alamat Halaman GitHub kamu, idealnya di domain kamu sendiri. Orang lain selain kamu telah melihatnya.

Apa yang bisa diambil dari pelajaran ini