Domain, hosting, dan keamanan2 menit bacaDiperbarui

Cara deploy website ke Vercel dari repositori Git

Deploy ke Vercel cukup menghubungkan repositori Git, mengatur build, lalu menyambungkan domain. Periksa ketentuan paket untuk penggunaan komersial.

Oleh

Dinding rak server dengan lampu indikator biru

Foto: Unsplash

Deploy website ke Vercel adalah proses memublikasikan website dari repositori kode ke platform hosting Vercel, yang membangun dan menayangkan proyek secara otomatis setiap kali ada perubahan. Cara ini populer untuk website berbasis framework JavaScript seperti Next.js, tetapi juga bisa untuk situs statis.

Persiapan

  1. Pastikan proyek berjalan baik di komputer Anda, termasuk perintah build.
  2. Simpan proyek di repositori Git, misalnya GitHub, GitLab, atau Bitbucket.
  3. Pastikan berkas rahasia seperti kunci akses tidak ikut tersimpan di repositori. Gunakan variabel lingkungan.

Langkah deploy

  1. Buat akun di Vercel dan hubungkan akun penyedia Git Anda.
  2. Pilih Add New Project, lalu impor repositori.
  3. Periksa pengaturan yang terdeteksi: framework, perintah build, dan direktori keluaran. Ubah bila proyek Anda memakai pengaturan khusus.
  4. Tambahkan variabel lingkungan yang dibutuhkan proyek.
  5. Klik Deploy dan tunggu proses build selesai.
  6. Buka alamat sementara yang diberikan untuk memeriksa hasilnya.

Menyambungkan domain sendiri

Di pengaturan proyek, tambahkan domain Anda lalu ikuti petunjuk untuk mengatur record DNS pada registrar. Setelah propagasi, sertifikat HTTPS biasanya diterbitkan otomatis. Langkah DNS-nya sama dengan yang dibahas di cara menghubungkan domain ke hosting.

Hal yang perlu dipertimbangkan

Setiap push ke cabang utama akan memicu deploy baru, dan cabang lain dapat menghasilkan pratinjau. Fitur ini merupakan keunggulan alur kerja pengembangan, yaitu karena perubahan dapat dilihat sebelum diluncurkan. Paket gratis biasanya memiliki batasan, termasuk soal penggunaan komersial, sehingga periksa ketentuan terbaru Vercel sebelum memakainya untuk bisnis. Prinsip yang aman ialah membaca syarat paket. Baca juga cara hosting website; bila ingin dibantu, lihat jasa deployment website atau hubungi Valtef.

Pertanyaan yang sering diajukan

Apakah Vercel hanya untuk Next.js?

Tidak. Situs statis dan beberapa framework lain juga didukung.

Bagaimana menyimpan kunci rahasia?

Gunakan variabel lingkungan di pengaturan proyek, bukan di dalam kode.

Bagaimana mengembalikan versi sebelumnya?

Platform umumnya menyimpan riwayat deploy sehingga Anda bisa memulihkan versi sebelumnya.

Siap mulai?

Ceritakan Kebutuhan Anda

Website, dokumen, desain, SEO, atau tools: chat kami di WhatsApp. Kami bantu dari nol sampai hasilnya Anda terima.

Lihat Layanan Pesan