Шпаргалка

Весь курс на одной странице.

Путь от кода до живого сайта

1. Залить код в Git (GitHub).
2. На Vercel Import Project -> выбрать репозиторий.
3. Deploy - получить ссылку проект.vercel.app.
4. Добавить свой домен в Settings -> Domains, прописать DNS у регистратора.
5. SSL (https) Vercel выпустит сам.
6. Секреты - в Environment Variables, не в коде.
7. Дальше каждый git push в main деплоит production автоматически.

Ключевые понятия

• Production - боевой деплой основной ветки, его видят пользователи.
• Preview - временный деплой на каждую ветку/PR, для проверки без риска.
• Env-переменные - секреты и настройки отдельно от кода.
• Serverless-функция - бэкенд-код без своего сервера, прячет ключи.
• SSL - https и замочек, бесплатно и автоматически.

Куда что класть

| Нужно | Решение | | --- | --- | | Спрятать API-ключ | Env-переменная (серверная) + serverless-функция | | Проверить изменения безопасно | Preview-ветка | | Свой адрес сайта | Домен + DNS, SSL автоматом | | Только статика бесплатно | GitHub Pages | | Бэкенд-логика | Vercel / Netlify / Cloudflare |

Чего не делать

1. Не писать ключи в коде - только env.
2. Не коммитить .env - он в .gitignore.
3. Не помечать секрет публичным - он уйдёт в браузер.
4. Не проверять рискованное сразу на production - есть preview.
5. Не запускать коммерцию на бесплатном Hobby-плане.

Подразделы