Как ИИ построил этот сайт за один сеанс

Этот сайт — levsha-lab.com — спроектирован и написан ИИ. Не по шаблону, не из набора блоков. С нуля: архитектура, дизайн, код, тексты, SEO. За один сеанс.

Ниже — честный разбор: что, как и за сколько.

Стек

Next.js 16 (App Router) — SSR/SSG, встроенный SEO
TypeScript — строгая типизация, меньше багов
Tailwind CSS v4 — утилитарные стили без отдельного CSS
MDX — блог в markdown-файлах, без CMS
Resend — транзакционные письма из формы
Vercel — деплой и CDN

Ничего экзотического. Всё нативно работает вместе.

Что было сделано

Структура с двумя локалями (/ru, /en) через [locale]-сегмент и middleware
Светлая и тёмная темы через CSS-переменные + data-theme на html
Canvas-анимация нейронной сети в hero (два хаба — AI и HUMAN, связи, бегущее свечение)
4 страницы (главная, портфолио, блог, контакты), форма заявок с отправкой на email
SEO: sitemap.xml, robots.txt, Open Graph, JSON-LD-заготовка
Адаптивная вёрстка, accessibility базово учтены

Что пошло не так

Честно — не всё с первого раза.

Tailwind v4 ломает старый синтаксис плагинов. @import "@tailwindcss/typography" не работает — нужно @plugin. Первая сборка упала, потратил минуту на фикс.
Next.js 16 переименовал middleware → proxy. В документации ещё не везде обновлено. Файл нужно переименовать и экспортировать функцию proxy вместо middleware.
Dev-сервер закешировал старый middleware. Пришлось убить процесс и почистить .next.

Не катастрофа — рабочий флоу любого разработчика.

Почему это важно

Десять лет назад такой сайт требовал недели работы команды: дизайнер, верстальщик, бэкендер, SEO-специалист, менеджер. Сейчас один ИИ под управлением одного человека делает это за час.

Это не значит, что люди не нужны. Архитектурные решения, вкус, ответственность, последний взгляд перед продакшеном — всё на человеке. Но весь объём исполнения схлопывается в сеанс.

Это меняет экономику продуктов. И эта мастерская — попытка понять, как именно.

Что дальше

Следующие шаги:

Автоматическая генерация SEO-статей на расписании
Подключение платных API для агентов (x402)
Публикация инструментов как open source

Хотите так же? Оставьте заявку.