Как использовать переменные окружения для GitHub Pages

Как добавить переменные окружения для статического сайта, опубликованного на GitHub Pages. Смотрим где хранить ключи в случае публикации с отдельной ветки, а также как использовать секреты в GitHub Actions.
Мои курсы по вебу с купонами:
✅ mishanep.com/
📢 Поддержка канала:
/ mishanep
www.tinkoff.ru/rm/nepomnyasch...
paypal.me/mishanep

[@zena___]

Просто вчера засела с этой проблемой) Спасибо за видео!

[@maxfray7711]

Ждём объяснения по системе тэгов релизов, гитхаб экшенов и выстраивании процесса командной разработки на гитхаб

[@Vedar.]

🔥🔥🔥🔥

[@user-td3bz8st6v]

Спасибо, наконец то!!! Я все гадал как это сделать, почему то описание на самом гите я не понял. Михаил прекрасно объяснил как на самом деле это нужно делать.

[@alexanderkomanov4151]

Это просто супер! Огромное спасибо!

[@boburmustafo8868]

Спасибо за все!

[@alexanderkomanov4151]

Спасибо огромное!

[@bless_meparde4913]

github, vercel и т.д. это хорошо, но хочется все на своих хостах запускать. Покажите как next js приложение деплоить на собственный сервер)

[@user-mu2lr9zc7d]

Спасибо за раскрытие секретов)) 👍

[@alexeyfilippov42]

Михаил, идет к роликам. Сделать прогресс бар загрузки страницы/файлов с помощью ртк квери

[@russianstan]

Михаил, спасибо за видео! Подскажите, насколько данные действия применимы к секретным ключам, как в вашем примере? Ведь даже, если секретный ключ вынесен в переменную окружения, то он все равно будет в составе url при запросе и его легко увидеть

[@mishanep]

В данном случае так и есть. Но в процессе сборки и публикации переменные окружения могут пригодиться для самых разных целей. Например, у вас статический сайт на NextJS или Gatsby и на этапе билда требуется получить данные по API с секретным ключом. В таком случае будет вполне безопасно.

[@alexblack43]

Но ведь этот "секретный" ключ может увидеть любой желающий зайдя в девтулз нетворк на том сайте. :)

[@mishanep]

Этот да. Но не все секретные ключи используются как этот. Потом гитхаб пейджес - не место для продакшн проектов. А для простого пет-проекта с бесплатным api ключом повышенная секретность не нужна. Достаточно того, что автоматическими скриптами на самом гитхабе у вас ключ спрятан.