Excelente curso, me gusta mucho como explica el profesor y de que se tiene en mente un proyecto final.
Introducci贸n a Gatsby
驴Por qu茅 Gatsby? Seguridad y Velocidad
驴Qu茅 es Gatsby?
Diferencias entre SPA, SSR y Gatsby
Preparando el entorno
Requisitos previos y herramientas de desarrollo
Gatsby y Gatsby CLI y Starters
Configuraci贸n de ESLint
Fundamentos de Gatsby
Presentaci贸n y Estructura de Archivos de nuestro proyecto: Platziswag
Ecosistema de plugins
Usando React para manejar la parte visual e interactiva de nuestra aplicaci贸n
Creando la vista con React
Router en Gatsby y Componente Link
Layout en Gatsby
Graphql en Gatsby
驴C贸mo funciona GraphQL en Gatsby?
Accediendo a nuestros datos en Gatsby desde GraphQL
Queries, Edges (conexiones) y Nodos en Gatsby
Consultas en GraphQL desde React
Usando plugins en Gatsby
Instalaci贸n y configuraci贸n de plugins
Im谩genes como fuente de datos
Plugins de transformaci贸n
Estilizando nuestros componentes con styled-components
Estilos Globales con styled-components
Stripe checkout
Introducci贸n a la API de Stripe Checkout
Agregando productos a nuestra tienda en l铆nea
Productos en React
Generando p谩ginas program谩ticamente
Creando p谩ginas en funci贸n de los datos
Manejo de Gatsby Templates
Terminando la Vista de Detalle de los Productos
StaticQuery vs. useStaticQuery
Construyendo el Carrito de Compras: useContext
Construyendo el Carrito de Compras: Vista
Construyendo el Carrito de Compras: Agregar productos al carrito
Comprando productos
Gatsby a producci贸n
Gatsby build para compilar nuestro proyecto
Deploy a Netlify
No tienes acceso a esta clase
隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera
Si ya tienes una cuenta,
Iniciar sesi贸n
Ecosistema de plugins
8/33Recursos
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.
Aportes 6
Preguntas 0
Ordenar por:
Hola Devs:
-Aqui les traigo la documentacion de cada uno de los plugins que utilizamos en el proyecto:
gatsby-plugin-react-helmet
gatsby-transformer-sharp
gatsby-plugin-sharp
gatsby-source-filesystem
gatsby-plugin-manifest
-Espero y les ayude a entender mas a fondo el proyecto.
Recuerden, #NuncaParesDeAprender 馃挌
Tres tipos de Plugins
-
Componentes
-
Funcionalidad
-
Fuente de datos
Ecosistema de plugins
Los plugins son herramientas o paquetes de c贸digo que nos van a ayudar en nuestro proyecto. Son como las dependencias de NPM.
Tenemos 3 tipos de plugins:
- Componentes
- Funcionalad
- Fuente de datos
Gatsby tiene un plugin para de fuente de datos: resolve: gatsby-source-filesystem,
Documentaci贸n para algunos plugins:
Gracias Joss, me esta ayudando mucho este curso, espero terminarlo y ponerlo en practica pronto.
Bien, suena interesante cada uno.
驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?
o inicia sesi贸n.