Halo guys! Kembali lagi bersama Miniblog dari Inzaghi's Blog! Kali ini kita akan melakukan Deploy Aplikasi Web ke GitHub Pages, jika kalian sudah mempunyai Aplikasi Web yang ingin di-Hosting.
Sumber : Blog.Logrocket.com, Everhour.com (Blog), Dev.to (@scc33), E-trainingonline.com, Medium.com (@dimterion), dan Viandwi24.Medium.com
GitHub Pages memudahkan Anda dalam meng-host website statis tanpa biaya, sehingga cocok digunakan untuk deployment aplikasi React. Dalam panduan ini, Anda akan dipandu untuk mengunggah proyek Create React App ke GitHub Pages, mengonfigurasi domain khusus, dan menyiapkan otomatisasi deployment melalui GitHub Actions.
Apa itu GitHub Pages?
GitHub Pages adalah layanan hosting situs statis dari GitHub yang mengambil file langsung dari sebuah repository dan mempublikasikannya sebagai sebuah situs web. Layanan ini dibuat untuk menampung halaman pribadi, organisasi, atau proyek langsung dari repository GitHub. GitHub Pages mendukung file HTML, CSS, JavaScript statis, serta Jekyll — generator situs statis yang mengubah file Markdown menjadi HTML. Layanan ini sering digunakan untuk menampilkan portofolio pribadi, halaman proyek, dokumentasi, dan blog, karena memberikan cara sederhana untuk mengubah repository kode menjadi situs web yang bisa diakses publik.
Apa itu gh-pages?
gh-pages adalah sebuah paket Node.js yang menyediakan utilitas command-line sederhana untuk mempublikasikan file ke branch GitHub Pages pada repository Anda. Paket ini mengotomatiskan proses push aset statis ke branch gh-pages dalam repository GitHub, yang kemudian dipublikasikan secara otomatis oleh GitHub Pages. Paket ini sering digunakan bersama site generator atau build tools untuk mempermudah proses deployment situs statis atau aplikasi web sisi-klien.
gh-pages dapat dengan mudah digunakan untuk merilis dan deploy kode yang dirender di sisi klien seperti React, Angular, Svelte, bahkan HTML/CSS/JavaScript biasa.
Berikut ini adalah Tutorial Singkat Cara Deploy/Hosting Aplikasi Web ke GitHub Pages.
Pertama, bukalah GitHub dan klik di salah satu Repository Anda. Untuk melihat Tutorial Cara membuat Repository GitHub, silakan lihat di sini. Setelah itu, klik pada bagian "Settings" pada salah satu Repository kamu.
.jpg)
Kemudian, klik pada bagian "Pages" dan aturlah sesuai dengan Posisi Branch Anda. Jika sudah, maka klik "Save".
.jpg)
.jpg)
Tunggulah terlebih dahulu sampai proses Build & Deployment di GitHub Pages selesai.
Jika sudah selesai, maka klik pada salah satu Workflow Runs Anda.
Jika ingin melihat pada bagian Deployment, silakan klik pada "report-build-status" di bagian Workflow tadi.
Jika ingin melihat Link Domain dari GitHub Pages tadi, silakan klik pada bagian "deploy" pada Workflow tadi.
.jpg)
Dan inilah Tampilan Website Sederhana saya yang sudah di-Hosting (Deploy) pakai GitHub Pages.
Untuk melihat Website saya, silakan klik di sini.
Mohon maaf apabila ada kesalahan sedikit pun pada Tutorial ini.
Terima Kasih 😀😊😘👌👍 :)