chihebnabil/lovable-boilerplate

O que é?

Recursos principais

• 01Vite e React 19 com TypeScript para desenvolvimento e builds.
• 02Mais de 40 componentes shadcn/ui pré-configurados em src/components/ui.
• 03Client do Supabase, tipos gerados e pasta de migrations para o trabalho de backend.
• 04TanStack Query para busca de dados e React Hook Form com Zod para formulários.
• 05Arquivo de instruções para Copilot e Cursor que descreve as convenções do projeto.

Casos de uso

• Começar um app web em React com um sistema de design shadcn/ui e backend Supabase.
• Criar um protótipo que você pretende personalizar bastante a partir de uma interface gerada.
• Configurar um projeto em que assistentes de programação com IA devem seguir regras de estilo consistentes.

Início rápido

1. 1

   Clone o repositório

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

   Acesse a pasta do projeto

   cd lovable-boilerplate
3. 3

   Instale as dependências

   npm install
4. 4

   Inicie o servidor de desenvolvimento (em execução em http://localhost:8080)

   npm run dev

Antes de usar

• !Os recursos do Supabase precisam do seu próprio projeto Supabase e de credenciais em um arquivo .env.
• !Os comandos locais do Supabase exigem o Docker.

Tópicos

Perguntas frequentes

O que é lovable-boilerplate?

Boilerplate de React + Vite + TypeScript com shadcn/ui, Tailwind e Supabase, além de instruções para os assistentes de IA Copilot e Cursor. Este é um projeto inicial de React inspirado no criador de apps com IA Lovable. Ele oferece aos desenvolvedores uma base de código convencional com Vite, React 19, TypeScript, Tailwind CSS e um conjunto de componentes shadcn/ui, para que interfaces geradas ou escritas à mão possam ser lidas, alteradas e expandidas diretamente.

lovable-boilerplate é gratuito? Qual é a licença?

lovable-boilerplate é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.

lovable-boilerplate ainda é mantido?

Manutenção ativa. O último commit de lovable-boilerplate foi em 4 de nov. de 2026.

Para que posso usar lovable-boilerplate?

Começar um app web em React com um sistema de design shadcn/ui e backend Supabase. Criar um protótipo que você pretende personalizar bastante a partir de uma interface gerada. Configurar um projeto em que assistentes de programação com IA devem seguir regras de estilo consistentes.

Como instalar lovable-boilerplate?

Clone o repositório: git clone https://github.com/chihebnabil/lovable-boilerplate.git Acesse a pasta do projeto: cd lovable-boilerplate Instale as dependências: npm install Inicie o servidor de desenvolvimento (em execução em http://localhost:8080): npm run dev

Onde consigo lovable-boilerplate?

O código-fonte e as instruções de instalação estão no GitHub: https://github.com/chihebnabil/lovable-boilerplate