chihebnabil/lovable-boilerplate

Что это?

Ключевые возможности

• 01Vite и React 19 с TypeScript для разработки и сборки.
• 02Более 40 предварительно настроенных компонентов shadcn/ui в src/components/ui.
• 03Клиент Supabase, сгенерированные типы и папка с миграциями для работы с бэкендом.
• 04TanStack Query для загрузки данных, React Hook Form и Zod для работы с формами.
• 05Файл инструкций для Copilot и Cursor с описанием соглашений проекта.

Сценарии использования

• Создание веб-приложения на React с дизайн-системой shadcn/ui и бэкендом на Supabase.
• Разработка прототипа, который планируется существенно доработать после генерации интерфейса.
• Настройка проекта, в котором AI-помощники для написания кода должны следовать единым правилам оформления.

Быстрый старт

1. 1

   Клонируйте репозиторий

   git clone https://github.com/chihebnabil/lovable-boilerplate.git
2. 2

   Перейдите в папку проекта

   cd lovable-boilerplate
3. 3

   Установите зависимости

   npm install
4. 4

   Запустите сервер разработки (работает по адресу http://localhost:8080)

   npm run dev

Что важно знать

• !Для работы функций Supabase нужны собственный проект Supabase и учетные данные в файле .env.
• !Для локальных команд Supabase требуется Docker.

Темы

Частые вопросы

Что такое lovable-boilerplate?

Шаблон на React, Vite и TypeScript с shadcn/ui, Tailwind и Supabase, а также инструкциями для AI-помощников Copilot и Cursor. Стартовый проект на React, вдохновлённый AI-конструктором приложений Lovable. Он даёт разработчикам привычную кодовую базу на Vite, React 19, TypeScript, Tailwind CSS и наборе компонентов shadcn/ui, чтобы сгенерированный или написанный вручную интерфейс можно было читать, менять и расширять напрямую.

lovable-boilerplate можно использовать бесплатно? Какая у него лицензия?

lovable-boilerplate распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.

lovable-boilerplate всё ещё поддерживается?

Активно поддерживается. Последний коммит в lovable-boilerplate — 4 нояб. 2026 г..

Для чего можно использовать lovable-boilerplate?

Создание веб-приложения на React с дизайн-системой shadcn/ui и бэкендом на Supabase. Разработка прототипа, который планируется существенно доработать после генерации интерфейса. Настройка проекта, в котором AI-помощники для написания кода должны следовать единым правилам оформления.

Как установить lovable-boilerplate?

Клонируйте репозиторий: git clone https://github.com/chihebnabil/lovable-boilerplate.git Перейдите в папку проекта: cd lovable-boilerplate Установите зависимости: npm install Запустите сервер разработки (работает по адресу http://localhost:8080): npm run dev

Где скачать lovable-boilerplate?

Исходный код и инструкции по установке — на GitHub: https://github.com/chihebnabil/lovable-boilerplate