Saltar al contenido principal

⚙️ Configuración de Clerk para Desarrollo

🔐 Deshabilitar Verificación de Email (Recomendado para Desarrollo)

Para evitar que Clerk pida código de verificación al iniciar sesión:

Opción 1: Dashboard de Clerk (Recomendado)

  1. Ve a https://dashboard.clerk.com/
  2. Selecciona tu aplicación
  3. Ve a "User & Authentication""Email, Phone, Username"
  4. Busca la sección "Email address"
  5. Desactiva "Require email verification" o "Email verification"
  6. Guarda los cambios

Opción 2: Usar Modo de Desarrollo

  1. En el dashboard de Clerk, ve a "Settings""Sessions"
  2. Busca "Development mode" o "Test mode"
  3. Activa el modo de desarrollo (esto desactiva algunas verificaciones)

Opción 3: Configurar Instancia de Clerk

En tu código, puedes configurar Clerk para desarrollo:

// En src/app/providers.tsx o donde configures ClerkProvider
<ClerkProvider
appearance={{
// Configuración de apariencia
}}
// En desarrollo, Clerk puede tener configuraciones diferentes
>
{children}
</ClerkProvider>

✅ Verificar que los Usuarios Están Correctamente Configurados

Ejecuta el script de verificación:

pnpm clerk:verify-users

Este script verifica que todos los emails de usuarios de prueba estén marcados como verificados en Clerk.

🚨 Si Aún Pide Código de Verificación

Solución Temporal:

  1. Cierra sesión completamente (si estás logueado)
  2. Limpia las cookies del navegador para Clerk
  3. Vuelve a iniciar sesión

Verificar Configuración:

  1. Ve al dashboard de Clerk
  2. Verifica que "Email verification" esté desactivado
  3. Verifica que los usuarios tengan el email marcado como verificado

Alternativa: Usar Código de Verificación

Si no puedes deshabilitar la verificación:

  • Los códigos se envían al email (aunque sean emails de prueba)
  • Puedes ver los códigos en el dashboard de Clerk:
    • Ve a "Users" → Selecciona un usuario → "Email addresses"
    • Ahí puedes ver el código de verificación si está pendiente

📝 Notas Importantes

  • Producción: En producción, SÍ debes tener verificación de email activada
  • Desarrollo: Puedes desactivarla para facilitar las pruebas
  • Usuarios de Prueba: Los usuarios creados con pnpm clerk:create-users ya tienen skipEmailVerification: true

🔧 Comandos Útiles

# Crear usuarios en Clerk (con verificación saltada)
pnpm clerk:create-users

# Verificar emails de usuarios existentes
pnpm clerk:verify-users

# Ver usuarios en Prisma Studio
pnpm db:studio