firestarta

A Next.js SaaS Boorplate

Este repositorio sirve como punto de partida (o boilerplate) para cualquier proyecto Next.js SaaS que requiere autenticación de usuarios y pagos de gestión y suscripción. Actualmente utiliza prisma con una base de datos Postgres y se está construyendo utilizando componentes shadcn/UI además de componentes SASS personalizados cuando sea necesario.

Firestarta.dev en vivo

Nota

Ahora usando el hilo 4.1.0 a través de CorePack.

La pila

Los cambios o adiciones a la pila se actualizarán aquí

• Next.js
• NextAuth
• Mecanografiado
• Prisma
• Supabase (Postgres)
• Lemon Sidezy (suscripciones)
• Hablar con descaro a
• shadcn/ui
• Iconos de lucide

Características

Las características se desarrollan sin orden específico

• Directorio de aplicaciones
• Grupos de ruta
• Rutas interceptando y paralelas
• CSR/SSR
• Suscripciones con limón apretado
• SEO básico
• Perfiles de usuario
• Páginas de cuentas
• Componentes personalizados
• Modos de luz/oscuridad eliminado temporalmente
• Diseño receptivo
• Modo de luz (tema)
• Dasboard diseños
• Galletas
• Internacionalización (multilingüe)
• Errores personalizados
• Carga de estados loading.tsx
• Mapa del sitio
• Manifiesto
• Blog

Avance

Configuración

Cree un archivo .env.local y genere el secreto de NextAuth usando:

openssl rand -base64 32

.env.local

 NEXT_PUBLIC_SITE_URL=http://localhost:3000
NEXTAUTH_SECRET=
NEXTAUTH_URL=http://localhost:3000

GITHUB_SECRET=
GITHUB_ID=

DATABASE_URL=

LEMONSQUEEZY_STORE_ID=
LEMONSQUEEZY_API_KEY=
LEMONSQUEEZY_WEBHOOK_SECRET=

Configurar la autenticación de Github

Consejo

Para configurar GitHub, visite https://github.com/settings/apps para crear una nueva aplicación. La URL de devolución de llamada debe ser: [origin]/api/auth/callback/[provider] como se indica en la documentación de NextAuth.

Empezando

npx prisma migrate dev --name init
yarn dev

Abra http: // localhost: 3000 con su navegador para ver el resultado.