Técnico Nivel · intro
Template — Rutas base
Por qué te debe importar
Cada SaaS necesita las mismas 7 rutas desde el día 1: landing, login, signup, forgot-password, dashboard, settings, billing. El template las trae armadas con placeholders funcionales — no tienes que reinventar cómo funciona "olvidé mi password" en cada proyecto.
Idea central
Siete rutas mínimas, armadas, que funcionan desde el primer deploy.
Las 7 rutas
Públicas:
/— landing con hero, features, pricing, CTA./login— email + Google + GitHub + magic link./signup— email + social auth./forgot-password— email para reset link.
App (protegidas):
/app/dashboard— home post-login./app/settings— perfil, preferencias, seguridad./app/billing— plan, método de pago, invoices (placeholders Stripe).
Lo que significa "armadas"
No son stubs vacíos. Cada una tiene:
- Estructura HTML/Svelte.
- Integración con Supabase auth.
- Formularios funcionales.
- Estados de error/success.
- Estilo consistente con el design system.
Puedes customizarlas, pero no tienes que construir el esqueleto.
Agregar rutas nuevas
Sigues la convención de file-based routing: src/routes/app/invoices/+page.svelte → /app/invoices. Layout y auth heredados.
Ejemplos en escalera
✓ Checkpoint
De las 7 rutas base, ¿cuáles ya tienes en tu proyecto? Las que no, ¿es decisión consciente (tu MVP no las necesita) o gap accidental?
Resumen — tres cosas que deberías recordar
- 7 rutas base: landing, login, signup, forgot, dashboard, settings, billing.
- Armadas con forms, auth, estilos — no stubs vacíos.
- Agregas nuevas siguiendo la convención de file-based routing.
Qué sigue