Memanfaatkan GIT Control di cPanel

Halo Sob!

Di cPanel ada fitur Git™ Version Control untuk meng-clone repository dari GitHub, GitLab, atau Bitbucket langsung ke hosting, tanpa upload file manual. Di tutorial ini, Jagoan Hosting akan membahas cara clone repository project Next.js lewat fitur tersebut, Sob!


STEP 1: Pertama-tama, yang harus kamu lakukan adalah login ke cPanel kamu Sob. Cara login cPanel bisa kamu ikuti sesuai panduan DI SINI


STEP 2: Pada menu Tools, kamu dapat mengetikkan ‘git version’ pada kolom pencarian lalu klik Git Version Control.

masuk menu Git Version Control di cPanel hosting
Pilih Git Version Control

STEP 3: Klik tombol Create pada menu Git Version Control untuk membuat repository baru.

tombol create pada Git Version Control di cPanel
Klik button Create

STEP 4: Isi form yang ada pada menu yang ditampilkan. Perhatikan penjelasan lanjut mengenai form yang harus diisi ya Sob!

  • Clone a Repository: Pilih Enable jika kalian ingin melakukan Clone, namun jika tidak pilih Disable.
  • Clone URL: Masukkan URL Clone Projectnya, semua URL biasanya dimulai dengan “http://, https://, ssh://, or git://”.
  • Repository Path: Pada bagian ini, kalian diminta untuk memilih path aplikasi yang ingin di install, Perlu diperhatikan bahwa tidak perlu memasukkan path awalan “/home/user”, karena defaultnya dimulai dari path awalan tersebut. Jadi, kalian hanya perlu memasukkan directory nya saja.
  • Repository Name: Di bagian ini tidak mempengaruhi fungsionalitas, karena hanya sebagai Display Name saja.

Kalau sudah di isi dan siap, klik tombol Create di bagian bawah untuk memulai proses Clone. Proses Clone ini tidak berlangsung lama, hanya butuh beberapa menit saja.

Setelah melakukan Create repository akan muncul tampilan seperti dibawah ini :

Jika kamu berhasil melakukan create repository, maka repository baru akan muncul pada list tabel yang ditampilkan.


STEP 5: Ketika sudah berhasil membuat repository baru dari Git Version Control, kamu bisa cek dengan masuk pada repository path yang sebelumnya dibuat. 

Deploy Otomatis dengan .cpanel.yml

STEP 1 : Setelah proses clone diatas, lanjutkan dengan memastikan dimana kamu akan menyimpan projectnya.

Selanjutnya buka vscode atau terminal local device Anda dan pastikan file next.config.ts sudah berisi output: “export”

Kemudian lakukan build project dengan command berikut :

Namun, pastikan Node.js sudah terpasang di device kamu. Kalau belum, download installer LTS dari nodejs.org, lalu cek dengan node -v dan npm -v di terminal device

- npm install 
- npm run build

Pastikan folder out/ muncul dan berisi index.html dan folder _next:

ls out

Folder out/ harus ikut ter-commit. Buka .gitignore dan hapus baris out/ atau /out kalau ada. Cek dengan:

git check-ignore -v out

Kalau tidak ada output, berarti aman.

STEP 2 : Selanjutnya buat file .cpanel.yml. Untuk pembuatan file ini bisa dilakukan melalui vscode atau langsung di local device kamu

kemudian tambahkan script berikut, tentunya disesuaikan dengan path kamu ya sob

----
deployment:
  tasks:
    - export DEPLOYPATH=/home/USERNAME/public_html/
    - cp -R out/. $DEPLOYPATH

 

STEP 3 : Commit dan push ke GitHub

Tambahkan file yang perlu saja, jangan pakai git add ., supaya file sampah seperti .DS_Store tidak ikut:

git add .cpanel.yml next.config.ts .gitignore out
git add -A src
git commit -m "Deploy hasil build statis Next.js"
git push origin main

STEP 4 : Saat diminta login, isi Username dengan username GitHub dan Password dengan Personal Access Token (bukan password akun).

Jika belum punya token, maka akses github.com/settings/tokens → Generate new token (classic) → centang scope repo → Generate token, lalu salin dan gunakan sebagai Password.

Kalau push ditolak dengan pesan fetch first, jalankan git pull –rebase origin main dulu, selesaikan konflik kalau ada, lalu push lagi.

STEP 5: Tarik perubahan ke cPanel Buka Git Version Control, klik Manage pada repository. Buka tab Pull or Deploy. Klik Update from Remote. Pastikan HEAD Commit sudah berganti ke commit terbaru.

STEP 6 : Setelah selesai, buka domain kamu di browser, atau cek folder public_html lewat File Manager. Kalau file hasil build sudah ada di sana, deploy berhasil.

 

Gimana Sob, mudah banget kan memanfaatkan GIT Control di cPanel?
Kalau kamu menemui kesulitan, kamu bisa hubungi tim support Jagoan Hosting via livechat atau open tiket dari member area ya Sob. Selamat mencoba!

Related Posts
Tips Mengatasi Error Undefined Index / Variable

Pengantar Halo sobat Jagoan! di tutorial kali ini kita bakalan membahas permasalahan Error Undefined Index/Variable. Pasti sekarang kamu lagi main-main Read more

Tutorial Mendeteksi Script Jahat pada Website Sebelum Publish

Hai, Sob kamu pasti tentu tidak ingin jika website kamu dibobol oleh hacker, terutama jika kamu seorang programmer dan webmaster. Read more

Tutorial Install Virus Scanner Clam AV pada cPanel

Kamu ngerasa insecure karena belum install antivirus? Install antivirus emang penting, Sob untuk menjaga performa server kamu. Nah, kamu bisa Read more

Tutorial mereset Password MySQL melalui akses Root

Lupa password root MySQL kamu? Gawat!, tapi kamu gak perlu panik, kita akan bahas bareng tutorialnya berikut ini. Eh, tapi Read more

🚀 Hosting Terbaik + Unlimited Resources | GRATIS Optimasi Website dan Support WA 24/7