Apps · BLANK Intranet

¿Qué es esto?

Todo lo que se ve en pantalla fuera del teléfono. Tres aplicaciones independientes que comparten componentes y tokens de diseño a través del paquete ui.

parent-dashboard es una SPA con React + Vite: rápida, sin SEO. public-website e intranet son Next.js con App Router: la primera para SEO, la segunda para docs + ops del equipo Amaren (fleet management, OTAs, audit) bajo /ops.

La intranet es esta misma app que estás viendo.

Stack técnico

React 18 + TypeScript
Vite 5 (dashboards)
Next.js 14 App Router (web pública + intranet)
Tailwind CSS 3 + preset de brand
TanStack Query (cache remota)
React Hook Form + Zod
Playwright (e2e)

Estructura de carpetas

apps/
├── parent-dashboard/   React+Vite  puerto 5173  (el cliente que paga)
├── public-website/     Next.js 14  puerto 3000  (blank.com)
└── intranet/           Next.js 14  puerto 3001  (esta app + /ops para el equipo Amaren)
Cada app tiene:
  src/
    app/ o pages/     rutas
    components/       UI
    lib/              fetchers, helpers
  tailwind.config.*   usa el preset de packages/config
  package.json

Archivos clave

Archivo	Qué hace	Prioridad
parent-dashboard/src/pages/Devices.tsx	Lista de teléfonos vinculados a la familia.	Alta
parent-dashboard/src/pages/Policies.tsx	Editor de reglas por hijo.	Alta
parent-dashboard/src/services/api.ts	Cliente contra el gateway.	Alta
intranet/src/app/ops/	Ops console interno del equipo Amaren (placeholder).	Media
public-website/src/app/page.tsx	Home de marketing.	Media
public-website/src/app/precios/page.tsx	Página de precios.	Media
intranet/src/app/dev-hub/page.tsx	Esta guía que estás leyendo.	Baja
parent-dashboard/src/components/EnrollmentBadge.tsx	Badge visible con el modo del dispositivo (BLANK Phone / Full / Limited).	Alta
parent-dashboard/src/components/CapabilityList.tsx	Lista de capacidades activas y limitaciones del dispositivo.	Alta
public-website/src/app/compatibility/page.tsx	Página pública de compatibilidad por modelo y modo.	Media

Cómo ejecutarlo

Instalar dependencias de todo el workspace

pnpm install

Arrancar parent-dashboard

pnpm --filter parent-dashboard dev

Arrancar public-website

pnpm --filter public-website dev

Arrancar la intranet

pnpm --filter intranet dev

Arrancar las 3 en paralelo con Turborepo

pnpm dev

Qué falta

0 de 19 completados

Alta Media Baja

Dependencias con otros módulos

Todas las apps consumen paquetes de packages/ (ui, api-client, types).
Consumen el gateway del backend en localhost vía variable de entorno.
Usan los tokens de brand/ a través del preset de Tailwind.