Antes de arrancar la app, ejecuta el preflight check incluido:
npm run check
Qué valida
El comando hace dos pasadas:
- Chequeos estáticos: que
.env.localexista, que las 6 variables obligatorias estén presentes y que cada una tenga el formato correcto (la URL de Supabase, los prefijospk_test_,sk_test_,whsec_, etc.). También avisa si mezclas claves de test y live de Stripe. - Chequeos en vivo: verifica tus credenciales contra las APIs reales — que tu proyecto de Supabase responda y la anon key funcione, y que Stripe acepte tu secret key. Son llamadas de solo lectura: no crean ni modifican nada.
Cómo se ve
Cada fallo viene con una pista que te dice exactamente dónde conseguir el valor correcto:
✔ .env.local found
✔ NEXT_PUBLIC_SUPABASE_URL is set
✖ STRIPE_WEBHOOK_SECRET is missing or empty
→ Local dev: run `npm run stripe:listen` and copy the whsec_ it prints.
Repítelo hasta ver All checks passed!.
Arrancar el servidor de desarrollo
npm run dev
Abre http://localhost:3000. Deberías ver la landing page, poder registrarte y, con npm run stripe:listen corriendo en otra terminal, completar un checkout de prueba con la tarjeta 4242 4242 4242 4242.
Siguiente paso
Conoce la Estructura del proyecto.