Войти

🛠 Инструменты для этого пути

Все инструменты
V0 by Vercel
no-code · ★ 8
Blueprint

AI-конструктор сайтов

Цель
Ты создашь AI-конструктор сайтов: пользователь вводит описание на русском → AI генерирует React-компоненты с Tailwind → живой предпросмотр в браузере → редактор кода → деплой на Vercel одной кнопкой. Как Lovable.dev, но свой.
5 недель по 2-3 часа в день 950 XP 10 этапов 50 просмотров
🗄 Сущности БД
User — пользователи конструктора
Project — проект сайта (название, описание, промпт)
ProjectFile — сгенерированные файлы (tsx, css, config)
ProjectVersion — версии проекта (история изменений)
AIPrompt — история промптов пользователя
Deployment — опубликованные проекты
✅ Чек-лист
Пользователь вводит описание сайта на русском
AI генерирует рабочий React+Tailwind код
Живой предпросмотр в iframe (Sandpack)
Редактор кода с подсветкой (CodeMirror)
Чат с AI для итеративных правок
Сохранение версий (Undo/Redo)
Деплой на Vercel одной кнопкой
Адаптивный дизайн из коробки
📦 Артефакты
AI-конструктор сайтов на Vercel
schema.prisma с 6 моделями
AI-агент с системным промптом
Sandpack-песочница с живым preview
CodeMirror редактор кода
React Flow mini map