🛠 Инструменты для этого пути
Все инструменты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 редактор кода