Next.js Environment Variables

Expert guidance on using environment variables in Next.js — .env files, NEXT_PUBLIC_ prefix, load order, runtime vs build-time, and testing environments.

@doc-version: 16.2.6

Core Concepts

Next.js มี built-in support สำหรับ environment variables:

• .env files → load เข้า process.env อัตโนมัติ
• NEXT_PUBLIC_ prefix → expose ไป browser (inline ตอน build)
• Server-only variables → ปลอดภัย ไม่หลุดไป client

Guidelines

1. Loading Environment Variables