← Next.js52 / 57
Environment Variables: lokal (.env.local) vs production
Simpan kredensial rahasia lokal di file .env.local. Variabel yang ingin diakses client wajib berawalan NEXT_PUBLIC_.
👀 Contoh dulu
DATABASE_URL="postgresql://..." NEXT_PUBLIC_SITE_URL="http://localhost:3000"
Hasilnya: DATABASE_URL aman di server; NEXT_PUBLIC_SITE_URL dapat dibaca di client.
💡 Jangan sertakan atribut NEXT_PUBLIC_ pada password atau API key rahasia!
📝 Sekarang giliranmu
Kita ingin mempublikasikan URL API ke aplikasi Client Component agar dapat diakses dari browser. Tambahkan variabel API_URL dengan nilai "https://api.com" yang diberi awalan khusus agar diekspos ke client.
Preview