~/VibeHandbook
PDF бесплатно

Глава 16 · 01

Выберите хостинг и задеплойте

Для большинства vibe-coded приложений вам не нужен сервер, за которым вы нянчитесь. Современные платформы берут ваш код и дают живой за минуты. Распространённые варианты:

  • Статические сайты и фронтенды: Cloudflare Pages, Vercel, Netlify, GitHub Pages.
  • Полнофункциональные приложения и (Application Programming Interface, дверь, через которую одна программа общается с другой): Cloudflare Workers, Vercel, Render, Fly.io, Railway.
  • Более тяжёлые бэкенды: контейнерная платформа или небольшой VPS (Virtual Private Server, ваш собственный арендованный кусочек всегда работающего компьютера в дата-центре).

Правильный ход — рассказать AI, что вы построили, и дать ему порекомендовать. Попробуйте: «Это приложение на Next.js с базой данных Postgres. Мне нужен самый дешёвый надёжный хостинг со щедрым бесплатным тарифом. Дай мне шаги деплоя и конфигурационный файл». Будьте конкретны насчёт того, что реально ограничивает выбор: ваш фреймворк, есть ли база данных, нужны ли фоновые задачи или загрузка файлов, и ваш бюджет. Статическая маркетинговая страница и полнофункциональное приложение с очередью живут в очень разных домах.

Когда вы выбрали один, деплой обычно сводится к паре команд:

# Пример: Cloudflare Workers через Wrangler
npm install -g wrangler
wrangler login
wrangler deploy

# Пример: Vercel
npm install -g vercel
vercel --prod

Пусть AI сгенерирует конфигурацию платформы (wrangler.toml, vercel.json и т. д.) и объяснит любые ошибки, которые выдаст первый деплой. Первые деплои почти всегда что-то выдают — отсутствующую команду сборки, неверную директорию вывода, несовпадение версии Node, переменную окружения (именованную настройку, передаваемую вашему приложению извне кода, как ключ под ковриком, о котором приложение знает) — которая нужна сборке, но которую она не находит. Ничто из этого не значит, что вы сделали глупость; это значит, что платформе нужно сказать ещё одну вещь. Вставьте ошибку обратно дословно и попросите исправление, а ещё спросите, почему это произошло, чтобы следующая удивила вас меньше. Два-три раунда — и вы вживую на временном URL. Откройте этот URL и прокликайте основной поток, прежде чем праздновать — «деплой удался» и «приложение работает» — это не одно и то же утверждение.

Каждый деплой проходит по одному и тому же конвейеру. Шаг preview — ваша страховочная сетка: каждое изменение получает свой собственный URL, который можно прокликать, прежде чем оно сможет коснуться реальных пользователей.

   ТВОЯ МАШИНА               ПЛАТФОРМА
 ┌──────────────┐
 │  пишем код   │
 │  git commit  │
 │  git push    │
 └──────┬───────┘
        │  push
        ▼
 ┌──────────────┐   сбой   ┌──────────────────┐
 │    BUILD     ├─────────▶│  читаем ошибку,  │
 │ ставим deps  │          │  правим, push    │
 │ компиляция   │◀─────────┤  (2–3 раза)      │
 └──────┬───────┘  повтор  └──────────────────┘
        │  ок
        ▼
 ┌──────────────┐
 │   PREVIEW    │  временный URL — кликни ключевой поток
 │  *.pages.dev │  ── делись · тест · проверь ┐
 └──────┬───────┘                             │
        │  норм?  ──── нет ───────────────────┘
        │  да
        ▼
 ┌──────────────┐
 │  PRODUCTION  │  твой домен · реальные юзеры
 └──────────────┘

Хотите офлайн-версию?

Скачайте всю книгу в PDF или EPUB — бесплатно.