~18 min · env, NEXT_PUBLIC_, secrets
| Prefix | 가시성 |
|---|---|
| (없음) | Server-only. Runtime 에 read. Browser 절대 안 도착. |
NEXT_PUBLIC_ | Build time 에 client bundle 에 inline. DevTools 에서 visible. |
NEXT_PUBLIC_* 값이 next build 돌 때 박힘. 같은 Docker image 를 staging 과 prod 에 redeploy 하면 같은 값; running container 에 env var 설정해도 못 바꿔.
process.env (이미 설정된 값 win).env.production.local / .env.development.local.env.local (test 에선 skip).env.production / .env.development.env# Server-only — 절대 노출 안 함
DATABASE_URL=postgresql://localhost:5432/myapp
AUTH_SECRET=change-me
STRIPE_SECRET_KEY=sk_test_xxx
# Client-safe (build-time inline)
NEXT_PUBLIC_APP_URL=http://localhost:3000
NEXT_PUBLIC_STRIPE_KEY=pk_test_xxx// Server Component — 다 봄
export default async function Page() {
const dbUrl = process.env.DATABASE_URL; // ✅
const appUrl = process.env.NEXT_PUBLIC_APP_URL; // ✅
}
// Client Component — NEXT_PUBLIC_* 만
'use client';
export function Stripe() {
const key = process.env.NEXT_PUBLIC_STRIPE_KEY; // ✅
// process.env.DATABASE_URL — 여기선 undefined
}.env file audit. 모든 NEXT_PUBLIC_* variable list 하고 secret 아닌지 확인. Leak 한 거 server-side 로 옮기고 calling code 가 Server Component 에서 read 하게 refactor.아직 댓글이 없어요. 첫 댓글을 남겨보세요.