Ir al contenido
DocuGraph

ecommerce-angular-spring

FE-01 Shell Angular zoneless

  • Depende de: ADR-06, ARCH-01, ADR-12.
  • Módulo: frontend/storefront + frontend/admin.

Crear el workspace Angular v22 standalone y zoneless con el shell de ambas aplicaciones.

  • 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 llega X-Store-Id.
  • No se usa provideZoneChangeDetection ni zone.js.
  • El shell navega entre storefront y admin con rutas lazy.
  • Un cambio de signal se refleja sin detectChanges manual.

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