01 / Explorar la arquitectura
Qué hace cada capa
Del Drupal que ya tienes a una página que React puede presentar.
Explicación y ejemplo real ↗Drupal como plataforma / Guía práctica
Más Drupal. Un mismo frontal.
Conserva contenido, consultas y bloques en Drupal. Entrega su presentación mediante Custom Elements. Diseña la experiencia con React y Next.js.
Drupal
Modela, selecciona y controla el acceso.
Custom Elements
Define elementos, props, slots y displays.
Lupus / CE API
Entrega la página y sus integraciones compatibles.
Next.js / React
Interpreta el contrato y presenta la experiencia.
02 / Explorar la arquitectura
CE API y JSON:API
Una entrega de presentación frente a una API de recursos. Se complementan.
Explicación y ejemplo real ↗03 / Explorar la arquitectura
Componentes externos y Canvas
El contrato conecta el catálogo frontend con la composición editorial.
Explicación y ejemplo real ↗04 / Explorar la arquitectura
Drupal fuera de Canvas
Entidades, Views, bloques, módulos y formularios: alcance y condiciones.
Explicación y ejemplo real ↗05 / Explorar la arquitectura
Del contrato al HTML
Un adaptador pequeño, explícito y recursivo. No hay conversión mágica.
Explicación y ejemplo real ↗Referencia secundaria: Canvas Headless
La comparación anterior se conserva como referencia, no como eje de esta POC. Consultar comparación y límites ↗