Вот он — момент, ради которого всё затевалось. Твой проект собран, проверен и работает. Осталось сделать так, чтобы его мог открыть любой человек в мире, просто перейдя по ссылке. Давай выложим его в интернет, опираясь на всё, что ты узнал на уровне 14.
Путь от кода до живого сайта
Публикация — это понятная цепочка шагов. Ничего магического, всё ты уже умеешь:
- Подготовь проект. Убедись, что всё работает локально и последние изменения закоммичены в Git.
- Отправь на GitHub. Загрузи репозиторий в облако командой
git push. - Vercel публикует. Подключённый к репозиторию Vercel сам соберёт проект и выложит его в сеть.
- Проверь превью. Открой превью-ссылку и убедись, что в интернете всё работает так же, как у тебя на компьютере.
- Выкати в продакшн. Убедился — отправляй в боевую версию для всех.
- Поделись ссылкой. Готово! Отправь её друзьям, добавь в резюме, покажи миру.
Помнишь цепочку «сначала превью, потом продакшн» с уровня 14? Вот она в деле: сначала спокойно проверяешь на превью, и только потом открываешь проект для всех.
Перед самым выкатом в продакшн пройдись по превью ещё разок, как обычный пользователь. Лучше найти мелочь сейчас, на превью, чем потом — на боевой версии, которую уже видят люди.
Не забудь про секреты
Это очень важный момент, о котором легко забыть в волнении. В проекте могут быть секреты: пароли, ключи доступа, токены к сервисам. Их ни в коем случае нельзя выкладывать в открытый репозиторий — иначе их увидит любой, кто откроет твой код на GitHub.
- Храни секреты в переменных окружения, а не прямо в коде.
- Добавь файлы с секретами (например,
.env) в.gitignore— тогда Git их просто не отправит в облако.
# .gitignore
.env
.env.local
В Vercel есть отдельное безопасное место для переменных окружения — туда секреты прописываются через настройки, и в открытый код они не попадают.
Никогда не коммить пароли и ключи в репозиторий. Если секрет случайно попал на GitHub — считай, что он скомпрометирован: его нужно сразу сменить. Проще один раз настроить .gitignore, чем потом разбираться с последствиями.
Это момент гордости
Остановись на секунду и осознай, что произошло. Ещё недавно ты, возможно, побаивался открывать терминал. А сейчас у тебя есть собственный проект, опубликованный в интернете, который может открыть кто угодно на планете. Это не учебное упражнение — это настоящий, живой продукт, сделанный твоими руками.
Попробуй
Терминального задания нет — это план твоей публикации. Пройди цепочку до конца: GitHub → превью → проверка → продакшн → ссылка. И обязательно убедись, что секреты спрятаны через .gitignore. А когда твой проект окажется в сети — переходи к финальному уроку курса. Ответь на вопросы ниже.