Как работать с переменными окружения (environment variables) в React и Next.js?

Переменные окружения хранят конфигурацию, которая меняется между средами: URL API, ключи сервисов, режимы работы. В Vite клиентские переменные начинаются с VITE_, в Next.js — с NEXT_PUBLIC_. Серверные переменные (без префикса) доступны только на сервере и не попадают в браузерный бандл. Секреты (API-ключи, пароли) должны быть только серверными и никогда не коммититься в git.