Low-code деплой

Не хочешь возиться с серверами? Есть способ выложить сайт в интернет за 5 минут — бесплатно, без VPS, без Nginx, без SSH. В этой главе разберём два варианта: Vercel и Netlify.

Когда хватает low-code, а когда нужен сервер

Что делаешь	Подходит low-code?
Сайт-визитка, портфолио, лендинг	✅ Да — Vercel/Netlify
Блог, документация	✅ Да — Vercel/Netlify
React/Vue/Next.js приложение	✅ Да — Vercel
Telegram-бот	❌ Нет — нужен сервер
n8n (автоматизации)	❌ Нет — нужен сервер
Приложение с базой данных	⚠️ Частично — Vercel + Supabase
Скрипты, которые работают 24/7	❌ Нет — нужен сервер

Правило простое: если проект — это «страницы, которые показываются в браузере» → low-code хватит. Если проект должен «работать в фоне постоянно» → нужен сервер.

Вариант 1: Vercel

Что это

Vercel — платформа для деплоя веб-проектов. Загружаешь код → получаешь ссылку. Бесплатный тариф — без ограничений для личных проектов.

Деплой за 5 минут

1. Подготовь проект

Убедись, что твой проект лежит в Git-репозитории:

cd Projects/portfolio
git init
git add .
git commit -m "initial commit"

2. Загрузи на GitHub

Создай репозиторий на GitHub:

1. Зайди на github.com → войди или зарегистрируйся
2. Нажми + → New repository
3. Имя: portfolio (или любое)
4. Нажми Create repository
5. GitHub покажет команды — выполни в терминале:

git remote add origin https://github.com/ТВОЙ_ЛОГИН/portfolio.git
git push -u origin main

3. Подключи Vercel

1. Зайди на vercel.com
2. Нажми Sign Up → Continue with GitHub
3. Разреши доступ к репозиториям
4. Нажми Add New Project
5. Выбери свой репозиторий portfolio
6. Нажми Deploy

Через 30-60 секунд ты получишь ссылку вида portfolio-abc123.vercel.app — твой сайт в интернете!

4. Привяжи свой домен (опционально)

1. В Vercel: Settings → Domains
2. Введи свой домен (mysite.com)
3. Vercel покажет DNS-записи, которые нужно добавить
4. Добавь их у регистратора домена
5. Подожди 5-10 минут — готово

Автодеплой

Самое крутое в Vercel: после первой настройки каждый git push автоматически обновляет сайт. Ты вносишь правки, пушишь в GitHub — через 30 секунд изменения на сайте.

# Внёс изменения в код
git add .
git commit -m "updated design"
git push
# Через 30 секунд — изменения на сайте

Вариант 2: Netlify

Что это

Netlify — почти то же самое, что Vercel. Тот же принцип: загружаешь → получаешь ссылку.

Быстрый деплой (без Git)

Netlify умеет деплоить простым перетаскиванием файлов:

1. Зайди на netlify.com
2. Зарегистрируйся
3. На дашборде внизу найди зону «Drag and drop your site output folder here»
4. Перетащи папку своего проекта (не отдельный файл, а всю папку) прямо в эту зону
5. Через 10 секунд — ссылка на твой сайт готова

Проще говоря

Это буквально как прикрепить файл к письму — перетащил папку и всё. Самый простой способ деплоя из существующих.

Деплой через GitHub (как Vercel)

Работает точно так же: подключаешь репозиторий → Netlify деплоит → автоматическое обновление при каждом пуше.

Supabase — база данных без сервера

Если твоему проекту нужно хранить данные (пользователи, записи, заказы), но сервер поднимать не хочется — есть Supabase.

Что это

Supabase — это PostgreSQL-база данных + авторизация + хранилище файлов, которые работают в облаке. Бесплатного тарифа хватает для личных проектов.

Когда использовать

• Трекер привычек — нужно сохранять данные между визитами
• Гостевая книга — пользователи оставляют записи
• Простой интернет-магазин — каталог товаров

Как подключить

1. Зайди на supabase.com
2. Зарегистрируйся → создай проект
3. Supabase даст тебе URL и ключ API
4. Подключаешь в своём проекте через JavaScript:

import { createClient } from '@supabase/supabase-js'

const supabase = createClient(
  'https://abc123.supabase.co',  // URL проекта
  'твой-api-ключ'                 // публичный ключ
)

// Получить все записи из таблицы
const { data } = await supabase.from('posts').select('*')

Подробная настройка — это тема для отдельного гайда. Здесь важно знать, что такая опция существует.

Сравнение способов деплоя

Способ	Сложность	Стоимость	Контроль	Для чего
Vercel	Легко	Бесплатно	Средний	Сайты, веб-приложения
Netlify	Очень легко	Бесплатно	Средний	Сайты (drag & drop)
Свой VPS	Сложнее	от $4/мес	Полный	Боты, n8n, бэкенд, всё что угодно

Чеклист

• [ ] GitHub-аккаунт создан
• [ ] Проект загружен в GitHub-репозиторий
• [ ] Vercel (или Netlify) подключён к репозиторию
• [ ] Сайт доступен по ссылке
• [ ] (Опционально) Свой домен привязан

---

Что дальше?

Ты знаешь все основные способы выложить проект в интернет! Загляни в Шпаргалку — там собраны все термины, чеклисты и частые ошибки в одном месте.