← all posts

Panduan Deploy Website Next.js ke Vercel

6/25/2026

Panduan Deploy Website Next.js ke Vercel

Deploy Next.js ke Vercel

Vercel adalah platform deploy terbaik untuk Next.js. Gratis dan sangat mudah.

Langkah Persiapan

1. Push ke GitHub

Pastikan project sudah di push ke GitHub repository.

2. Connect Vercel

Buka vercel.com, login dengan GitHub, dan import repository.

3. Set Environment Variables

Jangan lupa isi:

4. Deploy

Vercel akan auto-deploy setiap kali push ke branch main.

Custom Domain

  1. Di dashboard Vercel → Domains
  2. Masukkan domain (misal: ulumdcode.web.id)
  3. Ikuti petunjuk DNS (biasanya CNAME)
  4. Tunggu propagasi (5-30 menit)

Tips

  • vercel.json — config untuk rewrites dan headers
  • Analytics — Vercel Analytics gratis
  • Preview Deployments — setiap PR punya URL preview sendiri

Troubleshooting

  • 500 error → cek log di dashboard Vercel
  • DB connection → pastikan DATABASE_URL benar
  • Auth broken → pastikan NEXTAUTH_URL sesuai domain