v0.dev
AI-генератор UI компонентов от Vercel. React + Tailwind + shadcn/ui
Ключевые особенности
- Генерация React компонентов
- Tailwind CSS + shadcn/ui
- Copy-paste в проект
- Итеративное редактирование через чат
- Интеграция с Vercel
Тарифы
| План | Цена |
|---|---|
| Free | $0 |
| Premium | $20/мес |
Обзор
v0 — AI-билдер от Vercel для быстрого создания веб-приложений. Специализируется на React + Tailwind CSS + shadcn/ui. По текстовому описанию генерирует полноценный интерфейс, который можно опубликовать в один клик.
Ключевая ценность: быстрая визуальная проверка идеи. Три минуты от промпта до работающего приложения в интернете.
Быстрый старт
- Открыть v0.dev и зарегистрироваться (через Gmail или GitHub, чтобы не требовали телефон)
- Написать промпт:
Сделай мне веб-приложение — трекер подписок
- V0 генерирует React-приложение с интерфейсом
- Кнопка «Починить» исправляет ошибки без промпта
- Нажать Publish → получить ссылку на серверах Vercel
- При необходимости подключить Supabase для базы данных — прямо из интерфейса V0
Полезно: функция «Enhance prompt» улучшает промпт перед генерацией.
Примеры использования
Трекер подписок (Урок 1)
На уроке создавался прямо во время занятия — 3 минуты, 0.8 кредита из 10 бесплатных. Один из студентов сделал трекер привычек для байкера ещё до конца урока.
Прототип перед Cursor
V0 создаёт прототип → Cursor / VS Code доводит до продакшена. V0 = визуальная проверка идеи, Cursor = доработка логики.
Работа с Supabase
Подключение базы данных и авторизации прямо из интерфейса V0:
- Создать проект в Supabase
- В V0: кнопка подключения → вставить ключи
- V0 автоматически настраивает схему таблиц
Сравнение с альтернативами
| Критерий | v0 | Bolt | Lovable |
|---|---|---|---|
| Стек | React + Tailwind + shadcn/ui | Stackblitz (любой стек) | React + Supabase |
| Деплой | Vercel (1 клик) | Netlify | Собственный хостинг |
| Free tier | 7 сообщений/день | Ограничено | Ограничено |
| Сила | Красивый UI, компоненты | Мульти-стек, полный проект | Бэкенд-интеграция |
| Слабость | Только фронтенд | Менее красивый UI | Медленнее |
Ограничения
- Бесплатный тариф: 7 сообщений в день, 10 кредитов при регистрации
- Кастомный домен: недоступен на бесплатном тарифе — Vercel размещает на своём домене
- Только веб: мобильные приложения не генерирует
- Фронтенд-фокус: для бэкенда нужен Supabase или другой сервис
В курсе
| Урок | Контекст |
|---|---|
| Урок 1 | Быстрый MVP: трекер подписок за 3 минуты. Студенты генерируют приложение по метапромпту и публикуют |
| Урок 2 | Ступень к локальным редакторам: V0 создаёт прототип, Cursor/VS Code доводит до продакшена |
Ссылки
Связанное
- Supabase — бэкенд для приложений из v0
- Bolt — альтернативный AI-билдер
- Lovable — альтернативный AI-билдер
- Cursor — следующий шаг после прототипа в v0
- Метапромтинг — техника для формулировки промпта в v0