José MavarezCaso 02 / 03
ESEN Todo el trabajo
02 — Aquinas Network SAS · Performance · WordPress headless

Arquitectura WordPress headless con front-end en React

Rol
Consultor senior
Periodo
Práctica independiente, 2022 — 2025
Plataforma
WordPress headless · React
Nota

Las visualizaciones de este caso son reconstrucciones representativas de la arquitectura. El sitio que se ve hoy en aquinasnetwork.com es una versión distinta, sobre WordPress y Elementor, y no muestra este trabajo. La cifra de LCP es la que reporto en mi CV.

Visualización representativa · sin marca ni contenido real
WordPress tradicional
  1. WordPress
  2. Tema
  3. Página
WordPress headless
  1. WordPress (contenido)
  2. API
  3. Front-end React
  4. Página
Fig. 0 — Esquema ilustrativo: WordPress queda como gestor de contenido y el front-end en React lo consume por API. No reproduce la infraestructura del proyecto.

01 — Contexto

Aquinas Network SAS reúne soluciones para escuelas —biblioteca en línea, consultoría y acreditación, desarrollo de contenidos, tecnología y marketing educativo— y necesitaba presentarlas en un solo sitio sin que compitieran entre sí.

02 — Mi rol

Consultor senior. Diseñé la arquitectura WordPress headless, desarrollé el front-end en React y definí un proceso de desarrollo asistido por IA con linting, modularidad y code review.

04 — Decisiones

  1. A. Separar contenido y presentación

    WordPress queda como gestor de contenido, y el front-end se construye en React y consume ese contenido por API.

  2. B. Componentes generados con IA, bajo reglas estrictas

    La generación de componentes asistida por IA pasó por linting, modularidad y code review antes de integrarse.

Fig. 1 — Estructura genérica de componentes (estados y escala). No reproduce la interfaz del proyecto.

05 — Sistema

El resultado: el LCP bajó de 4,2 s a 1,1 s con la arquitectura headless.

Siguiente caso — 03Chile Energy Hub · accesibilidad GovTech