Introducción a Gatsby
Ecosistema de plugins
Clase 8 de 33 • Curso de Desarrollo de Aplicaciones Web con Gatsby JS
Contenido del curso
Preparando el entorno
Fundamentos de Gatsby
Creando la vista con React
Graphql en Gatsby
Usando plugins en Gatsby
Stripe checkout
Generando páginas programáticamente
- 24
Creando páginas en función de los datos
08:57 - 25
Manejo de Gatsby Templates
13:39 - 26
Terminando la Vista de Detalle de los Productos
05:58 - 27
StaticQuery vs. useStaticQuery
03:23 - 28
Construyendo el Carrito de Compras: useContext
08:18 - 29
Construyendo el Carrito de Compras: Vista
09:22 - 30
Construyendo el Carrito de Compras: Agregar productos al carrito
08:44 - 31
Comprando productos
08:34
Gatsby a producción
Resumen
Los plugins son código de Gatsby que alguien más de la comunidad escribió por nosotros para que podamos configurar nuestra aplicación lo más ágil y rápido posible.
Los plugins pueden ayudarnos de 3 formas:
Plugins como Componentes: Cuando instalamos el plugin obtenemos un componente que debemos integrar a nuestra aplicación para obtener algún beneficio.Plugins como Funcionalidades: Nos ayudan a transformar información o implementar una funcionalidad en concreto. Por ejemplo: gatsby-image nos ayuda a crear nuevas versiones de nuestras imágenes con menor calidad para mejorar la carga inicial de nuestro sitio web.Plugins como Fuente de Datos: Estos plugins utilizan Node.js y GraphQL para consumir la información de algún lugar o herramienta como Firebase, WordPress, APIs Rest, entre otras.