Deploy Aplikasi dengan GitHub Pages

Git adalah salah satu dari sekian Version Control System, Git sangat banyak digunakan oleh para
developer untuk membantu mengembangkan Aplikasi atau Project mereka dan juga memberi tau baris kode yang telah diperbarui.

Git juga bisa kita manfaat pada platform seperti GitHub yang merupakan salah satu Platform Git yang sangat terkenal dikalangan developer, github sendiri memiliki banyak sekali fitur yang dapat kita manfaatnya, contohnya adalah GitHub Pages, kita dapat mendeploy project atau aplikasi dengan memanfaat subdomain gratis dari GitHub, sehingga code yang ada di repository dapat eksekusi atau dijalankan layaknya Sebuah Website atau Aplikasi.


Tutorial Men-Deploy Aplikasi atau Project dengan GitHub Pages

Note:

  • Kalian harus Menginstall Git dan atau aplikasi GitHub Desktop (Optional)
  • Mempunyai akun GitHub yang bisa didaftar disini
  • Subdomain yang diberikan oleh GitHub sendiri ialah github.io
  • Username kalian akan dikombinasi subdomain, sehingga menghasilkan username.github.io

Buat repository pada bagian “+” dan pilih New Repository dengan username yang sudah dikombinasi dengan subdomain, yang dimana repository ini akan menjadi layaknya sebuah hosting.

alt

Kemudian bukan command line dan arahkan ke Folder Project yang akan di Deploy atau diunggah Cara pertama,

cd [Lokasi Folder Project]

alt

Cara kedua, dengan klik kanan pada folder project, dan pilih Git Bash Here

alt

jika sudah, masukkan command dibawah, dan secara otomatis folder .git akan ter-generate didalam project

git init

alt

Setelah itu Staged Project dan commit

git add -A git commit -m "First Commit"

alt

Lalu, remote Repository dengan url dan tambahkan .git

git remote add origin https://github.com/[Username]/[Username].github.io.git

Ganti [Username] dengan username milik kalian.

alt

Kemudian kalian akan dimunculkan dengan Halaman baru, dimana kalian diharuskan untuk login akun GitHub, lalu kita Push project

git push origin master

Login kembali akun GitHub di CMD, jika Task di Cancel dan tunggu proses upload selesai

alt

Jika sudah, refresh halaman repository, project akan muncul pada repository tersebut.

alt

Kemudian buka link subdomain dan Project pun sukses terdeploy.

alt

PENTING!!! type Index extension file yang dibacah adalah .html, selain itu project tidak akan berjalan, ini dikarenakan Github pages tidak support php atau backend lainnya atau hanya support website statik.

Tambahan

Kalian bisa memanfaat aplikasi GitHub Dekstop untuk meng-clone repository dari akun GitHub, dengan login terlebih dahulu pada aplikasi, kemudian pergi ke File -> Clone a repository, lalu pilih repository yang ingin di clone dan pilih lokasi folder nya.

alt

Bagi yang masih kebingungan, silahkan simak video dibawah :)

Sekian artikel dari saya semoga bermanfaat, Peace.