RECmikitalashytski.com

TAPE-01 / DIY-WEB

Не хочеш платити за сайт? Зроби сам.

Практичний шлях від ідеї до live-сайту: AI-assisted coding, GitHub, Vercel, домен, форма та базове SEO.

Назад до гайдів

Це повний пайплайн, який я дав би власнику малого бізнесу перед тим, як брати гроші. Ціль — не гарна демка. Ціль — сайт, який можна редагувати, деплоїти й розвивати.

Що отримаєш

  • Зрозумілий офер і структура сторінок
  • Код проєкту в GitHub
  • Live deployment на Vercel
  • Підключений домен і форма заявки
  • Базовий чеклист індексації та аналітики

Кроки

Не хочеш платити за сайт? Зроби сам.

01

Спочатку напиши офер

До Cursor опиши: для кого сайт, що продаєш, чим відрізняєшся і яку дію має зробити відвідувач.

02

Розклади п'ять секцій

Hero, докази, послуга/продукт, процес, контакт. Перша версія має бути малою, щоб AI не вигадав непотрібний mega-site.

03

Згенеруй codebase

Попроси Cursor або Codex зібрати простий Next.js чи статичний сайт. Не починай із закритих демо в стилі Lovable, якщо хочеш володіти кодом.

04

Запуш у GitHub і Vercel

Створи репозиторій, запуш код, підключи Vercel і перевір production URL на телефоні.

05

Підключи бізнес-шар

Домен, форма, відправка листів, Search Console, аналітика й один ясний CTA. Тут сайт стає корисним.

Де найчастіше ламається

  • Починати з візуалу до оферу
  • Дати AI створити десять сторінок до того, як працює одна
  • Немає реального шляху контакту
  • Немає Search Console
  • Немає mobile-перевірки

Застряг після гайда?

Кидай repo або URL. Я можу зробити аудит, полагодити зламану частину або довести сайт під бізнес.

  • Cursor зламав проєкт
  • Домен або Vercel не працює
  • Сайт виглядає як AI-демо
  • Потрібно запустити швидше