Resumen

  • 1 minuto

Se ha empezado con el desafío de solucionar problemas comunes en el espacio de desarrollo web, incluidas la SEO, la velocidad de carga de las páginas y la garantía de que se tenía una arquitectura fiable en la compilación de la aplicación.

Se ha evaluado la herramienta de línea de comandos Gatsby para solucionar los problemas anteriores. El enfoque de Gatsby es generar un conjunto de páginas estáticas que se carga con rapidez y que, para un motor de búsqueda, es sencillo indexar eficazmente.

Gatsby se basa en React.js, GraphQL y en el gráfico de datos en memoria. Con el uso de datos JSON del gráfico en memoria, se pueden generar páginas mediante componentes React.js con datos y contenido de muchos orígenes.

También se ha visto cómo los complementos amplían la capacidad de Gatsby para gestionar distintos tipos de contenido. Los complementos pueden originar contenido y datos desde prácticamente cualquier lugar durante el proceso de compilación y colocarlos en el gráfico integrado que se ha aprendido a consultar. El aprendizaje para aprovechar los complementos resultará útil en el futuro, ya que se puede seguir compilando la aplicación desde distintos tipos de contenido, como Markdown, JSON e incluso puntos de conexión de servicio, entre muchos otros orígenes de contenido.

Además, se ha obtenido información sobre cómo Gatsby genera una compilación, un conjunto de archivos que se pueden implementar y que solo se componen de HTML, CSS y JavaScript. Compilar la aplicación la ha preparado para que se pueda implementar prácticamente en cualquier lugar.

Por último, se ha implementado la aplicación. Se ha obtenido información sobre Azure Static Web Apps, un servicio que puede hospedar la aplicación de Gatsby en Azure. Se ha usado Static Web Apps para implementar la aplicación en cuestión de minutos.

Recursos adicionales

Estos son algunos recursos que ayudarán a obtener más información sobre Gatsby y las herramientas y tecnologías que se usan en el módulo.