Con este curso podrás:

Instalar y configurar Gatsby desde cero

Instalar y configurar Gatsby desde cero

Crear vistas de una app web con Gatsby y React

Crear vistas de una app web con Gatsby y React

Conectar tu aplicación en Gatsby a una API en GraphQL

Conectar tu aplicación en Gatsby a una API en GraphQL

Crear páginas web programáticamente

Crear páginas web programáticamente

Temario del curso

Introducción a Gatsby

¿Qué es Gatsby?
¿Por qué Gatsby? Seguridad y Velocidad
Diferencias entre SPA, SSR y Gatsby

Preparando el entorno

Requisitos previos y herramientas de desarrollo
Configuración de ESLint
Gatsby y Gatsby CLI y Starters

Fundamentos de Gatsby

Presentación y Estructura de Archivos de nuestro proyecto: Platziswag
Ecosistema de plugins

Creando la vista con React

Usando React para manejar la parte visual e interactiva de nuestra aplicación
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
Diploma del Curso de Desarrollo de Aplicaciones Web con Gatsby JS

¡Obtén reconocimiento por tu trabajo!

Comparte tus logros con tu familia, amigos, empleadores y la comunidad.

Apenas termines el curso tendrás acceso al diploma digital y cuando finalices la carrera te enviaremos el diploma en papel a tu casa.

Los Profesores

José Carlos Correa Mandujano

José Carlos Correa Mandujano

@jossdz

Lead Teacher en IronHack

Platzi Swag

Crea Platzi Shop, una aplicación web tipo e-commerce. Utiliza plugins, crea componentes, maneja estilos, consume datos de GraphQL en tiempo de construcción. Deja tu proyecto en producción en Netlify.

6 razones para estudiar con Platzi

Proyección profesional

Proyección profesional

El 80% de nuestros estudiantes obtienen un mejor empleo

Proyección profesional

Enfoque

Cumple tus objetivos con nuestra metodología de aprendizaje

Proyección profesional

Diploma de certificación

Tendrás un diploma de certificación al aprobar un curso o una carrera

Proyección profesional

App y contenido offline

No interrumpas tu aprendizaje, sigue aprendiendo mientras te mueves

Proyección profesional

Mentoría permanente

Acompañamos tu proceso de aprendizaje respondiendo todas tus dudas

Proyección profesional

Material exclusivo

Refuerza lo aprendido con lecturas, ejercicios y retos reales

Raul Palacios
Raul Palacios

Me gusto mucho el curso! el profesor fue muy dinamico y al punto claro esta que es un curso para personas que ya dominamos React

Daniel Esteves
Daniel Esteves

Excelente profesor, muy bueno para aprender como funciona Gatsby, lo recomiendo.

Favio Náquira
Favio Náquira

Le faltó un poco al contenido... siento que falta algo para poder aplicarlo a todo proyecto, pero el profesor es más de cinco estrellas!!

Preguntas frecuentes de los cursos de Platzi

La suscripción hace cobros automáticos a tu tarjeta cada año a menos que suspendas tu cuenta. Esto lo puedes hacer desde mi suscripción, donde también encontrarás tu historial de pagos y podrás descargar tu facturas.
Al finalizar las clases publicamos un examen de certificación. Los alumnos aprueban con 90% de calificación o más. El certificado demuestra que has aprendido y comprendido exitosamente los temas vistos. Si pierdes el examen puedes reintentarlo cada 6 horas
Los cursos son online y todo está disponible 24/7 en la plataforma, además tenemos una aplicación móvil donde puedes descargar los contenidos para verlos offline. Más que materiales para descargar, la experiencia Platzi está construida para que la disfrutes al iniciar tu sesión. Te esperamos.
Este curso forma parte de:
Frontend con React.JS
Carrera de Frontend con React.JS