Situs web menjadi lebih mudah untuk dihosting setiap hari, dengan banyak layanan yang menawarkan paket mulai dari kurang dari $5 per bulan. Tetapi, jika Anda hanya menginginkan situs sederhana yang tidak akan melihat banyak lalu lintas, Anda dapat menghosting di Github secara gratis, bahkan di domain Anda sendiri.
Apa itu Halaman Github?
Github adalah layanan hosting kode yang menyediakan kontrol versi melalui git. Meskipun biasanya digunakan oleh programmer, kasus penggunaan yang umum untuk mereka adalah menjalankan wiki sederhana, resume, atau situs dokumentasi yang tidak melihat banyak lalu lintas harian, dan hanya membutuhkan tempat untuk meletakkan situs web secara gratis.
Halaman Github dibuat untuk ini, dan memungkinkan Anda untuk meng-host file HTML dan aset lainnya secara gratis. Ini tidak jauh berbeda dari hosting file Github biasa—Anda dapat meng-host file di repositori Anda secara gratis, dan menghosting situs statis sama seperti menghosting file .
Anda dapat memiliki halaman untuk nama pengguna Anda, atau halaman untuk setiap repositori. Secara default, Github akan memberi Anda url subdomain seperti username.github.io Hai username.github.io/repository. Ini dapat diubah ke URL khusus apa pun.
Apa itu Situs Web Statis?
Yang penting untuk diingat adalah bahwa Halaman Github hanya untuk situs web statis. Ini tidak berarti bahwa situs web Anda tidak dapat interaktif, itu hanya berarti bahwa situs web Anda dihosting langsung dari file HTML, JS, dan CSS.
Keterbatasan utama situs web statis adalah mereka tidak dapat mengandalkan server untuk mengubah konten untuk setiap permintaan, seperti dalam bahasa seperti PHP. Misalnya, jika Anda ingin pengguna masuk dan melihat profil, atau menghosting WordPress (yang terhubung ke server database), Anda perlu menghosting di tempat lain.
Namun, jika Anda melayani kerangka kerja JavaScript sisi klien seperti React, Anda sebenarnya dapat meng-host seluruh aplikasi web dari Github Pages, atau penyedia hosting situs web statis lainnya. Ini karena semua konten dibuat di perangkat klien, dan satu-satunya hal yang Anda berikan adalah bundle.js file dengan semua kode.
Pembatasan Halaman Github – Penggunaan Non-Komersial
Tentu saja, ini memiliki beberapa batasan. Pada dasarnya, Anda tidak boleh menggunakan Halaman Github untuk penggunaan komersial. Secara khusus, mereka mengatakan dilarang untuk digunakan sebagai “layanan hosting web gratis untuk menjalankan bisnis online Anda, situs e-niaga, atau situs web lain apa pun yang terutama ditujukan untuk memfasilitasi transaksi komersial.”.
Jadi, jika Anda berencana menjalankan bisnis Anda di Github Pages, Anda mungkin ingin mencari alternatif lain. Dua metode “hosting gratis” serupa menggunakan bucket AWS Simple Storage Service untuk menghosting situs web statis, atau menggunakan hosting statis Firebase Google. Keduanya bekerja dengan baik untuk penerapan situs statis pemula dan profesional, dan ada tingkatan gratis yang dapat menyelamatkan Anda dari membayar $10 per bulan untuk meng-host server Anda sendiri.
TERKAIT: Cara Meng-host Situs Web Statis di Amazon S3
TERKAIT: Cara Meng-host Situs Web Statis Secara Gratis di Platform Hosting Firebase Google
Halaman Github juga memiliki batas ukuran dan batas bandwidth lunak, meskipun ini cukup masuk akal. Situs Anda tidak boleh lebih dari 1 GB (Anda mungkin akan kesulitan melayani situs sebesar ini) dan jika Anda melebihi 100 GB bandwidth per bulan, Github mungkin tidak melayani situs Anda. Sebagai referensi, jumlah data tersebut akan dikenakan biaya sekitar $10 per bulan di AWS.
Pengaturan halaman
Github Pages cukup mudah diatur, dan jika Anda terbiasa dengan Github, itu akan lebih mudah.
Pada dasarnya, Anda memiliki dua pilihan untuk repositori—halaman pengguna, atau halaman proyek. Jika Anda menggunakan domain khusus, ini tidak masalah, tetapi jika Anda menginginkan URL yang bagus, Anda akan ingin menggunakan halaman pengguna, yang akan memberi Anda URL dalam format username.github.io. Jika Anda menggunakan halaman proyek, Anda dapat mengatur beberapa halaman, tetapi masing-masing halaman aktif username.github.io/repository.
Dalam kedua kasus tersebut, Anda harus membuat repositori baru. Jika Anda membuat halaman pengguna, setel ke nama pengguna Anda plus .github.io. Pastikan itu publik juga.
viceversagames.github.io
Setelah itu, Anda memerlukan klien Git untuk terhubung ke Github dan mendorong situs web Anda. Anda dapat menggunakan terminal, atau klien GUI seperti Github Desktop. Gunakan URL yang diberikan kepada Anda dari penyiapan cepat:
Atau, jika Anda menggunakan aplikasi Github Desktop, Anda bisa mencarinya berdasarkan nama:
Kemudian, Anda harus menambahkan konten Anda. Jika Anda memiliki template yang ingin Anda gunakan, salin semua aset (file HTML, CSS, JS, gambar) ke direktori ini, yang pada dasarnya adalah “root web” tempat semua hosting akan berasal. Hal yang paling penting adalah index.htmlyang merupakan halaman utama situs Anda.
Setelah semuanya bekerja secara lokal, Anda harus melakukan perubahan, dan mempublikasikannya ke Github.
Anda akan segera melihat file baru di repositori Anda, tetapi Anda harus mengaktifkan Github Pages agar dapat berfungsi sepenuhnya. Dari halaman repositori, klik “Pengaturan” dan gulir ke bawah ke “Halaman.” memilih main cabang tempat situs web Anda akan dikirim, dan klik “Simpan.”
Mungkin perlu beberapa menit untuk memperbarui semuanya, dan itu hanya akan diperbarui 10 kali per jam, jadi jangan terlalu cepat untuk membuat perubahan.
Anda juga ingin mengaktifkan “Enforce HTTPS” di pengaturan halaman Github.
Menambahkan Domain Khusus
Menambahkan domain khusus sangat sederhana. Anda harus membelinya terlebih dahulu, yang dapat Anda lakukan dari banyak pendaftar yang berbeda. Beberapa contoh bagus adalah Google Domains, Namecheap, atau GoDaddy.
TERKAIT: Cara Menyiapkan Domain Baru dengan Google Domain
Setelah terdaftar, Anda harus mengarahkan domain Anda ke halaman Github Anda. Namun, Anda tidak dapat menempelkan URL di sini; Anda harus membuat catatan CNAME yang menunjuk ke username.github.io. Jika Anda berniat untuk menggunakan wwwatur nilai Host ke www. Jika Anda ingin menggunakan domain dasar saja, setel nilai Host ke @.
Setelah menunggu beberapa menit agar catatan DNS disinkronkan di internet, Anda akan melihat situs Halaman Github yang baru dibuat di URL khusus Anda, dan menu pengaturan akan menampilkannya sebagai terhubung.