⌬
трек
API и .env
Самый частый ступор вайбкодера — где взять API-ключ, куда его положить, почему он «не работает», и как случайно не запушить пароли в публичный репо. После этого трека вы можете подключить любой сервис: OpenAI, Anthropic, Stripe, что угодно.
пройдено 0 / 5
модуль 01
Подключение API и .env
API-ключи, .env файлы, серверные vs клиентские переменные, fetch на практике, типичные ошибки
Что такое API и зачем он нужен
API — это «розетка» для чужого сервиса. Объясняем на пальцах, без жаргона.
доступно только в Pro
pro5 мин→
Где взять API-ключ и почему он секретный
Ключ = пропуск с привязкой к вашей карте. Если его украдут — вы платите.
доступно только в Pro
pro6 мин→
.env — куда складывать секреты
Файл .env — стандарт для хранения ключей и настроек. Один раз настроил — больше не паришься.
доступно только в Pro
pro7 мин→
Серверные vs клиентские переменные — главная ловушка
NEXT_PUBLIC_ префикс выкидывает переменную в браузер. Не давайте его секретам.
доступно только в Pro
pro7 мин→
Подключаем первый API: пошагово
Реальный пример: серверный роут OpenAI с обработкой ошибок и дебагом.
доступно только в Pro
pro8 мин→