Plantilla de interfaz para dashboards de administración, basada en componentes Shadcn UI y Vite, con modo claro y oscuro, compatibilidad con RTL y búsqueda global.
16,6 mil+257 esta semana2,5 milTypeScriptMITActualizado hace 2 meses
chihebnabil/lovable-boilerplate
Plantilla base de React + Vite + TypeScript con shadcn/ui, Tailwind y Supabase, además de instrucciones para Copilot y Cursor.
- Estrellas
- 66
- Forks
- 31
- Issues abiertos
- 7
- Último commit
- anteayer
¿Qué es?
Este proyecto inicial de React está inspirado en el creador de aplicaciones con IA de Lovable. Ofrece a los desarrolladores una base de código convencional con Vite, React 19, TypeScript, Tailwind CSS y un conjunto de componentes de shadcn/ui, para que la interfaz generada o escrita a mano se pueda leer, modificar y ampliar directamente.
La plantilla incluye Supabase configurado mediante un archivo de cliente y tipos de base de datos generados, junto con ejemplos de consultas, suscripciones en tiempo real y llamadas de autenticación con correo electrónico y contraseña. También incluye la configuración de Supabase CLI y una carpeta de migraciones para el desarrollo local. TanStack Query se encarga de la obtención de datos, y React Hook Form y Zod, de los formularios.
El repositorio incluye un archivo de instrucciones global en .github/instructions para GitHub Copilot y Cursor, que abarca convenciones de diseño, estilos y componentes para que los asistentes de IA sigan los patrones del proyecto.
Funciones clave
- 01Vite y React 19 con TypeScript para el desarrollo y la compilación.
- 02Más de 40 componentes de shadcn/ui preconfigurados en src/components/ui.
- 03Cliente de Supabase, tipos generados y carpeta de migraciones para el trabajo con el backend.
- 04TanStack Query para obtener datos y React Hook Form con Zod para los formularios.
- 05Archivo de instrucciones para Copilot y Cursor que describe las convenciones del proyecto.
Casos de uso
- Iniciar una aplicación web de React con un sistema de diseño shadcn/ui y un backend de Supabase.
- Crear un prototipo cuya interfaz generada se planea personalizar ampliamente.
- Configurar un proyecto en el que los asistentes de programación con IA deban seguir reglas de estilo coherentes.
Inicio rápido
- 1
Clona el repositorio
git clone https://github.com/chihebnabil/lovable-boilerplate.git - 2
Entra en la carpeta del proyecto
cd lovable-boilerplate - 3
Instala las dependencias
npm install - 4
Inicia el servidor de desarrollo (se ejecuta en http://localhost:8080)
npm run dev
Antes de usarlo
- Para usar las funciones de Supabase, necesitas tu propio proyecto de Supabase y credenciales en un archivo .env.
- Los comandos locales de Supabase requieren Docker.
Temas
#react#typescript#vite#tailwindcss#supabase#boilerplate#shadcn-ui#copilot#copilot-enabled#cursor-rules
Preguntas frecuentes
- ¿Qué es lovable-boilerplate?
- Plantilla base de React + Vite + TypeScript con shadcn/ui, Tailwind y Supabase, además de instrucciones para Copilot y Cursor. Este proyecto inicial de React está inspirado en el creador de aplicaciones con IA de Lovable. Ofrece a los desarrolladores una base de código convencional con Vite, React 19, TypeScript, Tailwind CSS y un conjunto de componentes de shadcn/ui, para que la interfaz generada o escrita a mano se pueda leer, modificar y ampliar directamente.
- ¿lovable-boilerplate es gratuito? ¿Qué licencia tiene?
- lovable-boilerplate es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
- ¿lovable-boilerplate sigue mantenido?
- Mantenimiento activo. El último commit de lovable-boilerplate fue el 4 nov 2026.
- ¿Para qué puedo usar lovable-boilerplate?
- Iniciar una aplicación web de React con un sistema de diseño shadcn/ui y un backend de Supabase. Crear un prototipo cuya interfaz generada se planea personalizar ampliamente. Configurar un proyecto en el que los asistentes de programación con IA deban seguir reglas de estilo coherentes.
- ¿Cómo se instala lovable-boilerplate?
- Clona el repositorio: git clone https://github.com/chihebnabil/lovable-boilerplate.git Entra en la carpeta del proyecto: cd lovable-boilerplate Instala las dependencias: npm install Inicia el servidor de desarrollo (se ejecuta en http://localhost:8080): npm run dev
- ¿Dónde consigo lovable-boilerplate?
- El código fuente y las instrucciones de instalación están en GitHub: https://github.com/chihebnabil/lovable-boilerplate
Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.
Proyectos relacionados
Plantilla de WordPress basada en Composer, con configuración mediante archivos de entorno, gestión de plugins con WP Packages, Vite y Tailwind CSS.
2,2 mil154PHPSin licenciaBien mantenidoActualizado hace 4 días
Plantilla inicial para crear aplicaciones de escritorio multiplataforma con Electron, React, TypeScript y Vite.
24,3 mil4 milTypeScriptMITActualizado hace 8 días
Plantilla SaaS open source con Next.js, autenticación de Clerk, multi-tenancy, RBAC, i18n, Drizzle ORM y Tailwind CSS.
7,5 mil+12 esta semana1,3 milTypeScriptMITActualizado hace 6 días
Plantilla inicial de Next.js 15 lista para producción, con TypeScript, Tailwind CSS v4, pruebas, linting e infraestructura opcional para despliegues en AWS.
7,5 mil+4 esta semana1,9 milTypeScriptMITActualizado ayer
CRM autohospedable para gestionar contactos, oportunidades, tareas y notas, creado con React, shadcn/ui y Supabase.
1,4 mil+19 esta semana916TypeScriptMITBien mantenidoActualizado hace 12 horas