nextjs starter kit

Empezando

Requisitos previos

• Node.js y hilo/bollo instalado
• Cuentas y claves API para:
  • Supabase
  • Stripe (si usa pagos)
  • Empleado (si usa autenticación)

Configuración

1. Clon el repositorio:

    git clone <repository-url>
   cd <project-directory>
   

2. Instalar dependencias:

    yarn
   

3. Configurar variables de entorno: cree un archivo .env en el directorio raíz con las siguientes variables:

    SUPABASE_URL=<your-supabase-project-url>
   SUPABASE_SERVICE_KEY=<your-supabase-service-key>
   
   # If using Stripe
   STRIPE_SECRET_KEY=<your-stripe-secret-key>
   NEXT_PUBLIC_STRIPE_PRICE_ID=<your-stripe-price-id>
   
   # If using Clerk
   NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=<your-clerk-publishable-key>
   CLERK_SECRET_KEY=<your-clerk-secret-key>
   NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
   NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
   NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/
   NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/
   

4. Configurar características: en config.ts , establezca las características deseadas:

    const config = {
     auth : {
       enabled : true , // Set to false if not using Clerk
     } ,
     payments : {
       enabled : true , // Set to false if not using Stripe
     }
   } ;

5. Configurar la base de datos: ejecutar migraciones de prisma:

    npx prisma migrate dev
   

6. Inicie el servidor de desarrollo:

    yarn dev
   

7. Abra su navegador y navegue a http://localhost:3000 para ver su aplicación en ejecución.

Configuración adicional

• Webhooks: Configure Webhooks para el empleado (si usa Auth) AT /api/auth/webhook y para Stripe (si usa pagos) AT /api/payments/webhook .
• Personalice la página de destino, el tablero y otros componentes según sea necesario.
• Modifique el esquema de prisma en prisma/schema.prisma Si necesita cambiar la estructura de la base de datos.

Notas de seguridad importantes

• Habilite la seguridad del nivel de fila (RLS) en su proyecto Supabase para garantizar la protección de datos en el nivel de la base de datos.
• Siempre haga llamadas de Supabase en el lado del servidor (en rutas API o componentes del servidor) para mantener su clave de servicio segura.

Obtenga más información

Consulte la documentación de las tecnologías individuales utilizadas en este proyecto para obtener información más detallada:

• Next.js documentación
• Documentación CSS
• Documentación de Supabase
• Documentación de prisma
• Documentación del empleado (si usa Auth)
• Documentación de rayas (si usa pagos)