Hi from the second page
Para integrar Gatsby con Drupal se utilizo el plugin gatsby-source-drupal compatible con Drupal 8 y 9.
Se inicio el proyecto con el starter default de Gatsby y se integro con React-Bootstrap5
npm install gatsby-source-drupal Se inicio el proyecto con el starter default de Gatsby y se integro con React-Bootstrap5
La página esta consumiendo la información de un Drupal 9 creado en pantheonsite instalado con la versión de demo Umami, habilitado con el modulo de JSON-API para poder generar la API con el contenido del sitio.
Para modo de ejemplo de la página actual se ocupo los tipos de contenido de articles y generar una vista para cada uno.
Para modo de ejemplo de la página actual se ocupo los tipos de contenido de articles y generar una vista para cada uno.
Para renderizar una imágen con las funcionalidades de optimización de carga realizadas por Gatsby, en ocasiones suele ocurrir un problema al cargar una imágen con gatsby-plugin-image. Ya que este plugin solo puede hacer render de imágenes que se encuentren en un ambiente local. Si estamos intentando utlizar un servicio externo para traer contenido puede surgir el siguiente error al pasar la data en src o image de StaticImage:
La solución rápida para este problema es utilizar el plugin de gatsby-image que actualmente se encuentra deprecado, pero se puede seguir utilizando.
La otra alternativa es realizar configuraciones extras para poder optimizar este problema. Para más información consultar la siguiente documentación.
no data found for image undefined could not find values for the following props at build time src gatsby La solución rápida para este problema es utilizar el plugin de gatsby-image que actualmente se encuentra deprecado, pero se puede seguir utilizando.
npm install --save gatsby-plugin-remote-images La otra alternativa es realizar configuraciones extras para poder optimizar este problema. Para más información consultar la siguiente documentación.