nextbase nextjs supabase starter

Starter NextBase

NextBase Lite es un simple next.js 13 + Supabase Boilerplate. Incluye una aplicación Next.js 13 con TypeScript, Supabase y Tailwind CSS. ¡Incluye todas las nuevas carpetas app , componentes layout , server components React y más!

Características

• Next.js 13 con componentes async
• Datos que obtienen ejemplos en los componentes del servidor React y del cliente. Datos de suspenso para obtener pantallas de carga mínima.
• ⚛️ Configuración de consultas de reacción configurada
• Reaccionar componente de tostadas
• Completamente escrito con mecanografiado. Incluye generación de tipo automático para tablas de supabase
• ? Vellón de cola
• ? Pruebas de unidades y configuraciones de pruebas de integración incorporadas
• Eslint, TypeScript, Prettier, PostCSS configurado para entornos de Dev y Test
• ? Generación automática de mapa del sitio
• ? Metadatos de SEO, JSON-LD y etiquetas de gráficos abiertos con el próximo SEO
• ✍️ Release semántico con generación automática de ChangeLog
• ? Formatero de código más bonito
• ? Estilo mínimo
• CodeBase que es fácil de leer y modificar

Desarrollo

1. Clonar el repositorio
2. Instalar dependencias con yarn
3. Cree una cuenta de Supabase si aún no tiene una
4. Crear un nuevo proyecto en Supabase
5. Enlace Supabase a su proyecto utilizando yarn supabase link --project-ref <project-ref> . Puede obtener su referencia de proyecto del Panel de Supabase Project (Configuración del proyecto -> API)
6. Duplicar .env.local.example y cambie el nombre a .env.local y agregue la referencia del proyecto, Supabase URL y Anon Key.
7. Empuje el esquema de la base de datos a su proyecto Supabase utilizando yarn supabase db push .
8. Genere tipos para sus tablas Supabase utilizando yarn generate:types:local .
9. Ejecute yarn dev para iniciar el servidor de desarrollo.

Pruebas

1. Prueba unitaria con yarn test
2. Prueba de extremo a extremo usando yarn test:e2e

Despliegue

Este es un proyecto simple Next.js. La implementación es la misma que cualquier otro proyecto Next.js. Puede implementarlo en Vercel, Netlify o cualquier otro proveedor de alojamiento.

Que contribuye

Las contribuciones son bienvenidas. Abra un problema o un PR.

Licencia

MIT

Solución de problemas

Consulte el archivo SOremhoShoping.MD para problemas comunes.

Premium NextBase Boilerplate

También consulte nuestra calderera premium con más funciones. Incluye un sistema de autenticación completamente funcional, perfiles de usuario, organizaciones, seguridad de nivel de fila y más.