Урок 11. Git, деплой и профессиональный рабочий процесс
Вы создали проект — отлично. Теперь его нужно показать миру и надёжно сохранить. Git — история и резервная копия вашего кода. Деплой — размещение проекта в интернете. В этом уроке вы освоите ежедневный рабочий процесс профессиональных разработчиков.
Описание темы
Git — система контроля версий. Она сохраняет каждое изменение вашего кода. Если допустили ошибку — можно вернуться к предыдущему состоянию. Если работаете в команде — каждый работает отдельно, потом объединяет результаты. Git — основа профессиональной разработки.
GitHub — облачная платформа для хранения Git-репозиториев. Если ваш код на GitHub — даже при поломке компьютера код не потеряется. Кроме того, через GitHub можно работать в команде, показывать портфолио и автоматизировать деплой.
Деплой — размещение готового проекта в интернете. Vercel (идеален для Next.js, React), Netlify (для статических сайтов) и Railway (для backend, ботов) — самые популярные бесплатные платформы. Вы пушите код в GitHub — сайт автоматически обновляется.
Профессиональный workflow: написать код → Git commit → push в GitHub → автоматический деплой → тест → новое изменение. Этот цикл повторяется каждый день, каждый час. С вайб-кодингом вы осваиваете этот процесс с первого дня.
Что вы получите из этого урока
- Основные команды Git: init, add, commit, push, pull
- Создание нового репозитория на GitHub и загрузка кода
- Настройка автоматического деплоя на Vercel/Netlify
- Работа с branch (ветками) — для отдельных фич
- Исключение ненужных файлов через .gitignore
- Понимание и применение профессионального рабочего цикла (workflow)
Углублённое объяснение
Принцип работы Git: при каждом коммите Git сохраняет полный снимок (snapshot) вашего проекта. Вы можете вернуться к любому коммиту в любой момент: git checkout <commit-hash>. Это даёт безопасность — какую бы ошибку вы ни допустили, откат всегда возможен. При работе с ИИ это особенно важно — Agent иногда вносит некорректные изменения.
Стратегия ветвления: main (или master) — всегда рабочая версия. Хотите добавить новую фичу: git checkout -b feature/contact-form. Работаете в этой ветке. Когда готово: открываете Pull Request, проверяете, мержите в main. Осваивайте этот паттерн с первого дня.
Сравнение платформ деплоя: Vercel — идеален для Next.js и React проектов, бесплатный план с 100GB bandwidth/мес., автоматический HTTPS и CDN. Netlify — отлично для статических сайтов и SPA, есть form handling и serverless functions. Railway — для backend и ботов, $5/мес. бесплатных кредитов, поддержка Node.js и Python. Выбирайте платформу под тип проекта.
ИИ и Git workflow: Cursor имеет интеграцию с терминалом. Вы можете в Chat написать 'сделай коммит и запуши в GitHub' — ИИ создаст команды и вы нажмёте Run. Даже сообщение коммита ИИ может написать: 'напиши commit message для этих изменений'. Это ещё одна сила вайб-кодинга — даже DevOps-задачи выполняются с ИИ.
Готовый шаблон промпта
Скопируйте и адаптируйтеНастрой Git для моего проекта: 1) Создай .gitignore с исключением node_modules, .env, .next, dist. 2) Напиши README.md с кратким описанием проекта, инструкцией по установке и командами запуска. 3) Создай GitHub Actions workflow, чтобы при каждом push запускались lint и build.
Почему это работает
Безопасность: '.gitignore' — защита секретных и ненужных файлов
Документация: 'README.md' — информация о проекте (важно для портфолио)
Автоматизация: 'GitHub Actions' — автоматическая проверка при каждом push
Структурированность: 3 чёткие задачи последовательно — ИИ создаёт всё
Практическое задание
- В терминале перейдите в папку проекта
- git init — инициализация нового Git-репозитория
- git add . — добавление всех файлов в stage
- git commit -m 'первый коммит' — сохранение изменений
- Создайте новый репозиторий на GitHub.com
- git remote add origin URL && git push -u origin main — загрузка в GitHub
- Зайдите на Vercel.com, выберите GitHub-репо и нажмите Deploy
- Внесите изменение в проект, commit и push — наблюдайте автоматическое обновление на Vercel
Частые ошибки
- Загрузить .env файл в GitHub — НИКОГДА! Всегда добавляйте .env в .gitignore
- Коммитить node_modules — это огромная и ненужная папка, обязательно в .gitignore
- Оставлять пустое сообщение коммита — не 'fix', а 'Добавлена валидация email на странице логина'
- Не использовать ветки — для каждой новой фичи создавайте ветку: git checkout -b feature/login
- Не делать pull перед push — при командной работе сначала git pull
Вопросы и ответы по уроку
Git и GitHub — это одно и то же?
Нет. Git — программа (работает на вашем компьютере, управляет версиями). GitHub — платформа (в интернете, хранит Git-репозитории). Git работает без GitHub, но GitHub без Git — нет.
Деплой бесплатный?
Да, Vercel и Netlify на бесплатных планах: неограниченное количество статических сайтов, 100GB трафика в месяц, автоматический HTTPS. Для хобби и личных проектов полностью достаточно.
Приватный репозиторий на GitHub бесплатен?
Да, с 2019 года GitHub предоставляет приватные (закрытые) репозитории бесплатно. Ваш код никто не увидит — только вы и те, кому дадите доступ.