← Next.js53 / 57
Deploy ke Vercel: Preview & Production
Vercel adalah pencipta Next.js. Setiap kali kamu melakukan Push ke GitHub, Vercel otomatis membuat Preview Deployment untuk diuji sebelum di-merge ke branch main (Production).
👀 Contoh dulu
// Push ke branch feature -> Preview URL otomatis dibuat Vercel // Push/Merge ke branch main -> Production URL terupdate
Hasilnya: Siklus pengujian otomatis yang sangat nyaman bagi tim.
💡 Jangan lupa memasukkan Environment Variables di Vercel Dashboard.
📝 Sekarang giliranmu
Dalam skenario Continuous Integration (CI), setiap kita mengirimkan PR, Vercel membuat pratinjau. Untuk menghindari build pratinjau mengacaukan database production, konfigurasikan variabel environment DATABASE_URL ke database staging (misal: postgres://staging...) hanya ketika branch bukan main. Pada kode di bawah, tulis validasi boolean sederhana mengecek apabila process.env.VERCEL_ENV === 'preview'.
Preview