Drupal desacoplado con Next.js

nextdrupal.jpg
Solucionex
10
Ago 22

La gente de ChapterThree está desarrollando un entorno de desarrollo orientado a la arquitectura desacoplada (headless) de Drupal con Next.js para lo que ellos llaman:

A next-generation front-end for your Drupal sites.

 

¿Qué es Next.js?

Next.js es el framework más popular basado en React, nos proporciona una experiencia de desarrollo orientada a la puesta en producción de aplicaciones web con funcionalidades como el renderizado estático, híbrido o de lado del servidor, soporte para Typescript, smart bundling, facilidad de despliegue, sin necesidad de configuración.

 

Next.js for Drupal

Next.js for Drupal es un proyecto de la empresa ChapterThree que nos proporciona una serie de herramientas para desacoplar nuestro Drupal haciendo uso de la JSON:API y presentar el front-end haciendo uso de Next.js con sus siguientes componentes orientados a Drupal que nos hacen no perder ninguna funcionalidad de nuestro CMS favorito:

  • Posibilidad de tener múltiples sitios Next.js desde un mismo Drupal
  • Publicación y actualización instantánea.
  • Posibilidad de previsualización desde la propia interfaz de edición.
  • Autenticación con soporte de roles y permisos.
  • Formularios React con Webforms.
  • Búsquedas facetadas desacopladas gracias a la Search API de Drupal.
  • Internacionalización y detección automática del idioma.
  • Mejora del rendimiento gracias a la posibilidad de desplegar nuestro sitio en CDNs.
  • Mejora en la seguridad gracias a tener la capa de presentación separada del código.

 

Drupal y Next.js en la Drupalcamp

Para terminar os dejo la charla que dieron la gente de 1xInternet en la Drupalcamp de este año sobre cómo abordar un proyecto de Drupal desacoplado con Next.js haciendo uso de GraphQL.