De qué se compone la plantilla
Una base de SaaS B2B en tres aplicaciones: un sitio web público que vende sus licencias, un panel de espacios de trabajo multiinquilino con administración de la plataforma, y la API NestJS que sirve a ambos.
| Aplicación | Carpeta | Puerto | Qué es |
|---|---|---|---|
| Sitio web público | website/ | 3030 | Next.js 16: la página de inicio, las licencias en la página de precios con su propio pago, la documentación, el diario, el registro de cambios, el contacto y las páginas legales |
| Panel de espacios de trabajo | dashboard/ | 3031 | Next.js 16: inicio de sesión, registro y alta inicial; el espacio de trabajo (resumen, proyectos y sus tableros de tareas, equipo e invitaciones, roles, facturación, ajustes y claves de API, actividad, el asistente de IA); la administración de la plataforma (resumen, organizaciones, usuarios, personal, roles de plataforma y ajustes) |
| API | back-end/ | 8000 | NestJS 12 y TypeORM, con SQLite en local y MySQL por configuración, todas las rutas bajo /api, la /api/v1 pública para claves de API, actualizaciones de permisos en vivo y un servidor MCP |
La carpeta también contiene docker-compose.yml, que construye e inicia las tres con un solo comando, y cada aplicación tiene su propio Dockerfile.
Qué contiene tu paquete
El paquete SaaS Website es el sitio web público por sí solo.
| Aplicación | Carpeta | Puerto | Qué es |
|---|---|---|---|
| Sitio web público | website/ | 3030 | Next.js 16: la página de inicio, las licencias en la página de precios con su propio pago, la documentación, el diario, el registro de cambios, el contacto y las páginas legales |
La mayor parte del sitio es contenido propio. Dos partes llaman a la API de Northstack: el formulario de contacto y el pago de licencias. Sin API funciona con datos de ejemplo integrados que responden a ambos en el navegador, así que puedes ejecutarlo de inmediato. La API y el panel son paquetes aparte y no vienen en esta descarga.
Qué contiene tu paquete
El paquete Workspace Dashboard es el panel por sí solo.
| Aplicación | Carpeta | Puerto | Qué es |
|---|---|---|---|
| Panel de espacios de trabajo | dashboard/ | 3031 | Next.js 16: inicio de sesión, registro y alta inicial; el espacio de trabajo (resumen, proyectos y sus tableros de tareas, equipo e invitaciones, roles, facturación, ajustes y claves de API, actividad, el asistente de IA); la administración de la plataforma (resumen, organizaciones, usuarios, personal, roles de plataforma y ajustes) |
No tiene datos propios: cada pantalla lee y escribe a través de la API de Northstack. Hasta que lo conectes a una, funciona con datos de ejemplo integrados en tu navegador, así que todas las pantallas funcionan de inmediato. La API y el sitio web público son paquetes aparte y no vienen en esta descarga.
Qué contiene tu paquete
El paquete Backend API es la API NestJS por sí sola, con la base de datos, los espacios de trabajo de ejemplo y todas las rutas que usan los dos frontends.
| Aplicación | Carpeta | Puerto | Qué es |
|---|---|---|---|
| API | back-end/ | 8000 | NestJS 12 y TypeORM, con SQLite en local y MySQL por configuración, todas las rutas bajo /api, la /api/v1 pública para claves de API, actualizaciones de permisos en vivo y un servidor MCP |
El sitio web público y el panel de espacios de trabajo son paquetes aparte y no vienen en esta descarga. Cualquier cliente puede usar la API por HTTP.
En Windows, usa PowerShell o Git Bash para los comandos de estas guías.
Ambos frontends funcionan en inglés y en árabe, con la interfaz árabe de derecha a izquierda, y en un tema claro y uno oscuro.