FE-01 Shell Angular zoneless
FE-01 — Shell Angular zoneless
Sección titulada «FE-01 — Shell Angular zoneless»- Depende de: ADR-06, ARCH-01, ADR-12.
- Módulo:
frontend/storefront+frontend/admin.
Objetivo
Sección titulada «Objetivo»Crear el workspace Angular v22 standalone y zoneless con el shell de ambas aplicaciones.
Alcance
Sección titulada «Alcance»- Bootstrap sin Zone.js; Signals y control flow nativo (
@if,@for,@defer). - Router con rutas lazy y layout compartido.
- Tailwind CSS configurado; primitivas headless (Angular Aria / Spartan) instaladas.
- Estructura por features alineada a los bounded contexts.
- Marca de plataforma Qhatu (ADR-12). El storefront muestra la tienda por defecto de desarrollo TechStore Perú (
00000000-0000-0000-0000-000000000001), la misma que usa BE-02 cuando no llegaX-Store-Id.
Criterios de aceptación
Sección titulada «Criterios de aceptación»- No se usa
provideZoneChangeDetectionnizone.js. - El shell navega entre storefront y admin con rutas lazy.
- Un cambio de signal se refleja sin
detectChangesmanual.
Evidencia
Sección titulada «Evidencia»Cerrado 2026-09-13. App zoneless con shells lazy de storefront (/) y admin (/admin); mapa de features alineado a ARCH-02. El catálogo es placeholder hasta FE-03 (BE-02).
- file: frontend/src/app/app.config.ts
- file: frontend/src/app/app.routes.ts
- file: frontend/src/app/core/environment.ts
- file: frontend/src/app/layouts/storefront-shell.ts
- file: frontend/src/app/layouts/admin-shell.ts
- file: frontend/src/app/features/catalog/catalog-home.ts
- test: frontend/src/app/app.routes.spec.ts
- test: frontend/src/app/features/catalog/catalog-home.spec.ts