Empresa desarrolladora de WordPress sin cabeza: Next.js y Astro

La mayoría de las empresas que solicitan WordPress sin encabezado no tienen problemas con WordPress. Tienen un problema de interfaz: páginas que se cargan lentamente, un diseño que el tema no puede ofrecer del todo o contenido que debe aparecer tanto en una aplicación móvil como en el sitio web. Headless lo soluciona y crea algunos problemas nuevos si no estás preparado para ellos.

¿Qué significa realmente WordPress sin memoria con Next.js

En un sitio normal de WordPress, un sistema almacena el contenido y también crea cada página. En una configuración automática, esos dos trabajos se dividen. WordPress sigue siendo la fuente de contenido: tus editores utilizan las mismas pantallas de administración, la misma biblioteca multimedia y los mismos campos personalizados. Una interfaz independiente, escrita en React, Next.js o Astro, recupera ese contenido a través de WPGraphQL o la API REST y muestra las páginas que ven los visitantes.

Esa es la idea detrás del uso de WordPress como un CMS independiente. La «cabecera» es la capa del tema, y la has cambiado por un código que controlas por completo.

Lo que construimos

Ante todo, somos una empresa de ingeniería de software, lo que determina la forma en que abordamos este tema. La interfaz es un código de aplicación real en TypeScript con seguridad de tipos, no un tema con unas cuantas llamadas a la API incluidas.

• Una interfaz de usuario para Next.js o Astro, que se elige en función del nivel de interacción del sitio (Astro para sitios con mucho contenido que no deberían incluir prácticamente ningún JavaScript, Next.js cuando el comportamiento es similar al de una aplicación)
• Los esquemas WPGraphQL o REST están diseñados según tu modelo de contenido, para que la interfaz no luche contra los datos
• Vistas previas del contenido, de modo que los editores ven un borrador en la interfaz real antes de que se publique
• Una fuente de contenido que alimenta el sitio web, una aplicación React Native y cualquier otra cosa que lo necesite
• Almacenamiento en caché y configuración de CDN para que las páginas sean rápidas ante el tráfico real
• Migración de un sitio de WordPress existente, manteniendo intactos las URL y el contenido

Si también necesitas Drupal u otro CMS independiente, también hemos hecho ese trabajo y lo diremos si otro sistema se adapta mejor que WordPress.

Cuando headless vale la pena

Imagínese a una editorial regional con unos pocos miles de artículos, una aplicación móvil y un equipo editorial de doce personas. El sitio es lento porque el tema carga docenas de complementos en cada solicitud, y el equipo de la aplicación no deja de buscar contenido en el sitio web. Headless les ofrece un sitio rápido y renderizado previamente y una API que pueden leer tanto el sitio como la aplicación. Los editores no vuelven a capacitarse en absoluto.

También vale la pena cuando los requisitos de diseño superan lo que un tema puede hacer razonablemente, cuando se necesitan presupuestos de rendimiento estrictos o cuando los equipos de seguridad quieren que el sitio público esté desvinculado del administrador y la base de datos.

Cuando no vale la pena

Headless es más para construir y más para mantener, ya que ahora ejecutas dos bases de código y una API entre ellas. Olvídalo para un pequeño sitio de folletos que cambia dos veces al año. Piensa bien si tu equipo utiliza creadores de páginas o complementos de interfaz de usuario (formularios, controles deslizantes, herramientas de membresía y muchos complementos de SEO) para cambiar los diseños sin la ayuda de un desarrollador, ya que estos elementos se renderizan en el tema y no te seguirán en una interfaz independiente. Algunos pueden reconstruirse como componentes y otros no, y querrás saber cuáles antes de comprometerte.

Alojamiento y plataforma

Sweent es miembro del programa de agencias asociadas de WP Engine, y nuestros proyectos cuentan con el respaldo de un equipo especializado de socios de WP Engine. Para la capa de contenido, eso implica EverCache y una CDN global, actualizaciones automatizadas con reversión, una protección gestionada de WAF y DDoS, almacenamiento provisional, copias de seguridad diarias y soporte para WordPress las 24 horas del día, los 7 días de la semana. La plataforma se somete a auditorías SOC 2 anuales y cuenta con la certificación ISO 27001. Puedes obtener más información sobre cómo funciona esa asociación en nuestra [página de WP Engine] (/wp-engine).

¿Cómo funciona una interacción

1. Auditamos tu modelo de contenido, tus complementos y tu tráfico para decidir si la tecnología headless está justificada o no.
2. Diseñamos el esquema de contenido y la capa de API, y acordamos qué páginas se renderizan previamente.
3. Creamos la interfaz en Next.js o Astro junto con tu instancia de WordPress, con vistas previas.
4. Migramos contenido, configuramos redireccionamientos y probamos la puesta en escena.
5. Lo lanzamos y luego le entregamos a su equipo el repositorio y la documentación. Por regla general, nuestros ingenieros se integran en tu equipo en lugar de desaparecer detrás de una pared.

La parte de ingeniería corresponde a nuestros [servicios de ingeniería de software] (/services/software-engineering), y tenemos el estatus de SDVOSB y HUBZone y un contrato de adjudicación múltiple de la GSA para compradores del sector público.

La compensación que hay que sopesar

Ganas velocidad, libertad de diseño y una fuente de contenido que puede alimentar cualquier cosa. Pagas con una segunda base de código y un poco más de disciplina de ingeniería mientras el sitio esté activo. Si tu hoja de ruta necesita la primera lista, una breve conversación a través de nuestra [página de contacto] (/contact) determinará si la segunda vale la pena.