Cara Deploy Project GitHub ke Vercel

"GitHub dan Vercel adalah alat yang sangat populer untuk pengembangan dan hosting aplikasi web. Di artikel ini, kamu akan belajar bagaimana caranya"

GitHub dan Vercel adalah alat yang sangat populer untuk pengembangan dan hosting aplikasi web. 

Apa itu GitHub?

GitHub adalah platform layanan hosting berbasis cloud yang digunakan untuk menyimpan dan mengelola proyek perangkat lunak. 

GitHub menggunakan sistem version control yang disebut Git, yang memungkinkan pengembang bekerja secara kolaboratif dan melacak setiap perubahan kode. Dengan GitHub, kamu bisa:

• Menyimpan kode di cloud.
• Mengelola versi kode melalui branches dan commits.
• Berkolaborasi dengan tim atau komunitas pengembang.
• Menggunakan fitur open source atau proyek pribadi.

GitHub membantu pengembang menjaga sejarah proyek, berkontribusi dalam tim, dan mempermudah distribusi kode.

Apa itu Vercel?

Vercel adalah platform hosting modern yang memungkinkan pengembang untuk melakukan deploy aplikasi web secara otomatis dan cepat. 

Vercel sangat mendukung aplikasi serverless dan aplikasi berbasis React, seperti Next.js. Beberapa fitur unggulan Vercel adalah:

• Build otomatis: Setiap perubahan yang di-push ke GitHub bisa otomatis di-deploy di Vercel.
• Domain kustom: Kamu bisa menggunakan domain sendiri atau yang disediakan Vercel.
• Optimisasi performa: Vercel mengoptimalkan kecepatan loading aplikasi dan memberikan caching yang optimal.
• Skalabilitas: Aplikasi kamu dapat diakses oleh jutaan pengguna dengan dukungan serverless yang bisa diskalakan secara otomatis.

Jika kamu ingin deploy aplikasi atau website dari GitHub ke Vercel,

Berikut adalah langkah-langkah untuk memposting repositori GitHub dan men-deploy ke Vercel:

Buat Repositori di Github

• Login ke GitHub : Kunjungi GitHub dan login ke akun Anda. 

  Tampilan Login Github

• Buat Repositori Baru : Klik tombol atau gambar "profil" di sudut kanan atas dan pilih Yout repository.  

  Klik Gambar Profile

  
  

  Klik Your Repository

  
  
• New Repository : Untuk Menambahkan File baru Klik tombol "New" . 

  Tambahkan New Repository

  
  
• Isi Detail Repositori : Repository name: Nama repositori Anda. Description: Deskripsi repositori (opsional). Public/Private: Pilih visibilitas repositori disarankan "Public". Centang Initialize this repository with a README . 

  Contoh Isi New Repository

  
  
• Klik "Create repository" : Scrol sedikit kebawah lalu Upload Kode ke Repositori dengen klik tombol "Created Repository".

  Buat Repository

  
  
• Tambahkan File , Setelah selesai dengan langkah di atas anda akan mendapati tampilan seperti contoh gambar berikut,

  Tampilan Setelah Created Repository

  Lalu Klik Tanda titik tiga "•••" sebelah tombol kode 

  Tombol Titik tiga sebelah Code

  Setelah itu Klik tombol "Upload File".

  "Upload File"

  "Pilih" dan "Upload file" yang ingin anda deploy , Setelah memilih File Klik Tombol "Commit Changes"
  
  
  
  
  
  
  
  

Setelah selesai, kita lanjut dengan masuk ke website vercel.com dan login. Konfigurasikan akun GitHub Anda ke akun Vercel agar dapat melakukan deploy dari Vercel.

Konfigurasikan akun Github anda

Deploy ke Vercel

1. New Project, Setelah anda Konfigurasikan akun github anda ke Vercel langkah selanjutnya klik tamda "+" pojok kanan warnah Hitam

   Klik Tanda "+"

   
   
2. Import Project, Klik pada tombol  "Project". 

   Klik Project

   
   
3. Pilih repositori yang ingin Anda deploy dari daftar repositori GitHub Anda, Seperti contoh gambar di bawah ini saya akan mendeploy file atau project yang saya upload di Github tadi. Lalu klik "Import".

   Setelah Konfigurasi Akun Github anda,  otomatis akan Muncul Repository Github anda di Project Vercel.

   
   
4. Konfigurasi Pengaturan Deploy Vercel akan mendeteksi pengaturan build secara otomatis. Anda bisa mengubah pengaturan jika diperlukan. 

   Konfigurasi Pengaturan Deploy Vercel

   
   
5. Klik Deploy untuk memulai proses deployment. 

   Klik Deploy untuk memulai proses Deployment

   
   
6. Tunggu Proses Deployment Setelah proses selesai,

   Proses Deployment

   Setelah proses selesai akan muncul tampilan website yang anda buat di repository tdi.

   Hasil Deployment

   Klik "Continue to Dashboard". Dan anda akan mendapatkan URL untuk aplikasi yang sudah di-deploy.

   URL dari Vercel untuk Project Anda

   
   

Cek Aplikasi/Website Yang Anda Deploy

Buka URL yang diberikan oleh Vercel untuk melihat aplikasi Anda yang sudah di-deploy.

Cukup mudah bukan, Dengan mengikuti langkah-langkah di atas, Anda akan berhasil memposting repositori GitHub dan men-deploy aplikasi ke Vercel.