Saltar al contenido principal

🔍 Diagnóstico Completo: Usuarios de Prueba en Clerk

Fecha: 1 de enero, 2025
Configuración del Dashboard: ✅ Correcta (Verify at sign-up = OFF)

✅ Configuración del Dashboard Verificada​

Según la captura de pantalla, tu configuración está CORRECTA:

  • ✅ "Verify at sign-up" = OFF (desactivado)
  • ✅ "Email verification code" = OFF (desactivado)
  • ✅ "Email verification link" = OFF (desactivado)
  • ✅ "Sign-in with email" = ON (activado)
  • ✅ "Sign-up with email" = ON (activado)

Esto debería funcionar sin problemas. Si aún no puedes iniciar sesión, el problema está en otro lado.

🔍 Diagnóstico Paso a Paso​

Paso 1: Verificar Estado de Usuarios en Clerk​

Ejecuta el script de diagnóstico:

pnpm clerk:check-status

Este script te mostrará:

  • ✅ Si los usuarios existen en Clerk
  • ✅ Si los emails están verificados
  • ✅ Si las contraseñas están configuradas
  • ✅ Si hay algún problema con los usuarios

Paso 2: Verificar URLs Permitidas​

MUY IMPORTANTE: Clerk puede bloquear autenticación si las URLs no están permitidas.

  1. Ve a https://dashboard.clerk.com/
  2. Selecciona tu aplicación
  3. Ve a Settings → Paths o URLs o Allowed URLs
  4. Asegúrate de que estas URLs estén en la lista:
    • http://localhost:3000
    • http://localhost:3000/*
    • http://127.0.0.1:3000 (también agrégalo)

Paso 3: Verificar Variables de Entorno​

Asegúrate de tener estas variables en tu .env:

NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=pk_test_xxxxx
CLERK_SECRET_KEY=sk_test_xxxxx
NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/dashboard
NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/dashboard

Verificar que estén configuradas:

# Verificar (sin mostrar valores)
grep -E "CLERK|NEXT_PUBLIC" .env | sed 's/=.*/=***/'

Paso 4: Verificar que los Usuarios Estén Creados​

Si el script clerk:check-status muestra que los usuarios NO existen:

# Crear usuarios en Clerk
pnpm clerk:create-users

Paso 5: Verificar Emails Verificados​

Si los usuarios existen pero los emails NO están verificados:

# Intentar verificar emails
pnpm clerk:verify-users

Nota: Si la verificación automática no funciona, puedes verificar manualmente en el Dashboard:

  1. Dashboard → Users → [Selecciona usuario] → Email addresses
  2. Haz clic en "Verify" o marca como verificado

Paso 6: Limpiar Cookies y Cache​

# Limpiar cache de Clerk
./scripts/clear-clerk-cache.sh

# O manualmente:
rm -rf .next
rm -rf .clerk

Luego:

  1. Cierra completamente el navegador
  2. Abre una ventana de incógnito
  3. Ve a http://localhost:3000/sign-in
  4. Intenta iniciar sesión

🐛 Problemas Comunes y Soluciones​

Problema 1: "Couldn't find your account"​

Causa: El usuario no existe en Clerk o el email no coincide.

Solución:

# Verificar estado
pnpm clerk:check-status

# Si no existen, crearlos
pnpm clerk:create-users

Problema 2: "Please verify your email"​

Causa: Aunque "Verify at sign-up" esté OFF, el email individual puede no estar verificado.

Solución:

# Intentar verificar automáticamente
pnpm clerk:verify-users

# O verificar manualmente en Dashboard

Problema 3: "Unable to authenticate this browser"​

Causa: Problemas con cookies o URLs no permitidas.

Solución:

  1. Verificar URLs permitidas en Dashboard
  2. Limpiar cookies del navegador
  3. Usar modo incógnito

Problema 4: Contraseña incorrecta​

Causa: La contraseña en Clerk no coincide con la esperada.

Verificar contraseñas (según el email):

  • test.admin@example.com → Admin123!
  • test.organizer@example.com → Organizer123!
  • test.judge@example.com → Judge123!
  • test.participant1@example.com → Participant123!

Solución: Si la contraseña no funciona, puedes resetearla desde el Dashboard de Clerk.

📋 Checklist Completo​

Ejecuta estos pasos en orden:

  • 1. Verificar configuración del Dashboard (ya está ✅)

    • "Verify at sign-up" = OFF
    • "Email verification code" = OFF

  • 2. Ejecutar diagnóstico

    pnpm clerk:check-status

  • 3. Verificar URLs permitidas en Dashboard

    • http://localhost:3000 está en la lista

  • 4. Verificar variables de entorno

    grep -E "CLERK|NEXT_PUBLIC" .env

  • 5. Crear usuarios si no existen

    pnpm clerk:create-users

  • 6. Verificar emails si no están verificados

    pnpm clerk:verify-users

  • 7. Limpiar cache y cookies

    ./scripts/clear-clerk-cache.sh

  • 8. Probar en modo incógnito

    • Abre ventana de incógnito
    • Ve a http://localhost:3000/sign-in
    • Intenta iniciar sesión

🎯 Próximos Pasos​

  1. Ejecuta el diagnóstico:

    pnpm clerk:check-status

  2. Comparte el resultado para identificar el problema específico

  3. Seguimos con la solución según el diagnóstico

📝 Notas Importantes​

  1. La configuración del Dashboard está correcta ✅

  2. El problema probablemente está en:

    • Usuarios no creados en Clerk
    • Emails no verificados
    • URLs no permitidas
    • Variables de entorno incorrectas

  3. El script de diagnóstico te dirá exactamente qué está mal

Ejecuta pnpm clerk:check-status y comparte el resultado para continuar con la solución específica.