Environment Variable & Deploy
Menyimpan pengaturan dengan aman dan mempublikasikan situs ke Vercel.
Environment variable: pengaturan di luar kode
Kunci rahasia (password database, API key) tidak boleh ditulis di kode karena akan ikut tersebar ke GitHub. Simpan di file .env.local:
API_KEY=rahasia123
NEXT_PUBLIC_NAMA_SITUS=KelasIT| Nama | Bisa dibaca di |
|---|---|
API_KEY | Server saja (aman) |
NEXT_PUBLIC_... | Server dan browser (jangan isi rahasia!) |
Cara membacanya: process.env.NEXT_PUBLIC_NAMA_SITUS. Pastikan .env.local tidak ikut di-upload (sudah otomatis diabaikan Git).
Deploy ke Vercel
- Upload proyekmu ke GitHub (
git push). - Daftar di vercel.com dengan akun GitHub.
- Klik Add New → Project, pilih repositorimu, lalu Deploy.
- Isi environment variable di menu Settings jika ada.
- Dalam beberapa menit situsmu online di alamat
nama-proyek.vercel.app.
Setiap kamu git push lagi, Vercel memperbarui situsmu otomatis.
Cek sebelum deploy
Jalankan npm run build di komputermu. Jika tidak ada error merah, aman untuk di-deploy.