Cara Deploy Web ke Vercel Gratis (Step by Step)

Vercel adalah platform hosting modern yang bisa kamu gunakan untuk meng-online-kan website kamu secara gratis, cepat, dan praktis. Cocok banget buat kamu yang membuat web menggunakan:

• HTML, CSS, JavaScript biasa
• Next.js, React, Vue, dan framework lainnya

Keunggulan Vercel:

• Hosting gratis dengan fitur premium
• Deploy langsung dari GitHub
• Otomatis online setelah update kode
• URL langsung jadi, tanpa setting domain

Persiapan Sebelum Deploy

Sebelum memulai, siapkan dulu:

1. Akun GitHub (https://github.com)
2. Akun Vercel (https://vercel.com)
3. Project Web kamu (boleh berupa HTML biasa atau pakai framework)

Step-by-Step Deploy ke Vercel Gratis

Berikut langkah-langkahnya secara lengkap dan mudah diikuti:

Langkah 1: Upload Project ke GitHub

Kenapa perlu GitHub? Karena Vercel akan mengambil kode dari sana.

1. Login ke akun GitHub.
2. Buat repository baru (klik tombol New).
3. Upload project kamu ke repo itu. Bisa dengan:

• GitHub Desktop
• Upload manual via web GitHub
• Atau git push lewat terminal

    4.Pastikan file utama kamu ada, seperti index.html.

Langkah 2: Login ke Vercel

1.Buka https://vercel.com

2.Klik “Login” lalu pilih “Continue with GitHub”

3.Izinkan akses ke akun GitHub kamu

Langkah 3: Import Project dari GitHub

• Setelah login, klik “Add New Project”
• Pilih repository GitHub yang tadi kamu buat

Klik “Import”

Langkah 4: Konfigurasi Project

Vercel akan otomatis mendeteksi jenis project kamu.

Untuk HTML biasa, pilih root folder (atau ketik .)

Untuk framework seperti React/Next.js, Vercel otomatis tahu folder build-nya

Kalau project kamu pakai HTML & CSS biasa, langsung lanjut tanpa diubah.

Langkah 5: Klik Deploy

1. Setelah semua siap, klik tombol “Deploy”
2. Tunggu sebentar sampai proses selesai (biasanya <1 menit)
3. Web kamu akan online dengan alamat seperti ini:

https://namaproject.vercel.app

 Selesai! Sekarang website kamu sudah bisa diakses oleh siapa pun, kapan pun.

Tips Tambahan

• Edit kode di GitHub, maka Vercel otomatis update (tanpa kamu perlu deploy ulang)
• Bisa pasang domain sendiri lewat menu Settings > Domains
• Vercel menyediakan HTTPS (SSL) gratis, jadi aman untuk semua pengunjung
• Cocok juga untuk proyek sekolah, portfolio, atau bisnis kecil

Kesimpulan

Deploy ke Vercel itu sangat mudah, bahkan untuk pemula. Dengan hanya beberapa klik dan sedikit konfigurasi, website kamu sudah bisa tayang online secara gratis.

Mulai sekarang, kamu nggak perlu bingung cari hosting berbayar. Gunakan Vercel untuk proyek web statis atau modern, dan nikmati kemudahan deploy otomatis langsung dari GitHub.