Curso de Desarrollo de Aplicaciones Web con Gatsby JS

Curso de Desarrollo de Aplicaciones Web con Gatsby JS

Instruido por:
José Carlos Correa Mandujano
José Carlos Correa Mandujano
Básico
Ver la ruta de aprendizaje
Platzi Swag
Proyecto del curso
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.

Curso de Desarrollo de Aplicaciones Web con Gatsby JS

Curso de Desarrollo de Aplicaciones Web con Gatsby JS

Progreso del curso:0/33contenidos(0%)

Contenido del Curso
Tutoriales de estudiantes
Preguntas de estudiantes

Progreso del curso:0/33contenidos(0%)

Toma la primera clase

Introducción a Gatsby

Material Thumbnail

¿Qué es Gatsby?

04:38 min

Material Thumbnail

¿Por qué Gatsby? Seguridad y Velocidad

10:51 min

Diferencias entre SPA, SSR y Gatsby

Preparando el entorno

Material Thumbnail

Requisitos previos y herramientas de desarrollo

05:45 min

Configuración de ESLint

Material Thumbnail

Gatsby y Gatsby CLI y Starters

11:11 min

Fundamentos de Gatsby

Material Thumbnail

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

06:44 min

Material Thumbnail

Ecosistema de plugins

03:59 min

Material Thumbnail

Usando React para manejar la parte visual e interactiva de nuestra aplicación

07:51 min

Creando la vista con React

Material Thumbnail

Router en Gatsby y Componente Link

08:14 min

Material Thumbnail

Layout en Gatsby

15:03 min

Graphql en Gatsby

Material Thumbnail

¿Cómo funciona GraphQL en Gatsby?

03:41 min

Material Thumbnail

Accediendo a nuestros datos en Gatsby desde GraphQL

08:35 min

Material Thumbnail

Queries, Edges (conexiones) y Nodos en Gatsby

04:49 min

Material Thumbnail

Consultas en GraphQL desde React

10:00 min

Usando plugins en Gatsby

Material Thumbnail

Instalación y configuración de plugins

10:25 min

Material Thumbnail

Imágenes como fuente de datos

02:51 min

Material Thumbnail

Plugins de transformación

12:19 min

Material Thumbnail

Estilizando nuestros componentes con styled-components

07:52 min

Material Thumbnail

Estilos Globales con styled-components

05:59 min

Stripe checkout

Material Thumbnail

Introducción a la API de Stripe Checkout

06:24 min

Material Thumbnail

Agregando productos a nuestra tienda en línea

11:37 min

Material Thumbnail

Productos en React

10:39 min

Generando páginas programáticamente

Material Thumbnail

Creando páginas en función de los datos

08:57 min

Material Thumbnail

Manejo de Gatsby Templates

13:39 min

Material Thumbnail

Terminando la Vista de Detalle de los Productos

05:58 min

Material Thumbnail

StaticQuery vs. useStaticQuery

03:23 min

Material Thumbnail

Construyendo el Carrito de Compras: useContext

08:18 min

Material Thumbnail

Construyendo el Carrito de Compras: Vista

09:22 min

Material Thumbnail

Construyendo el Carrito de Compras: Agregar productos al carrito

08:44 min

Material Thumbnail

Comprando productos

08:34 min

Gatsby a producción

Material Thumbnail

Gatsby build para compilar nuestro proyecto

06:43 min

Material Thumbnail

Deploy a Netlify

06:38 min

nuevosmás votadossin responder
Yank Carlos Reyes Espinal
Yank Carlos Reyes Espinal
Estudiante
·hace 2 meses
Cuåles serían las concecuencias de usar Gatsby?
1
Carlos Silva
Carlos Silva
Estudiante
·hace 2 meses
Excelente la explicación de los como añadir un plugin y el ejemplo en este caso con Typography. Pero tengo una pregunta si uso este plugi...
2
Moises Quiñones Tineo
Moises Quiñones Tineo
Estudiante
·hace 3 meses
Hola a todos. Suelo tener siempre el mismo problema. Cuando intento instalar algo con npm, por ejemplo en este caso npm i -g gatsby-cli s...
1
Josueth Acevedo
Josueth Acevedo
Estudiante
·hace 3 meses
Hola, buen curso, La dependencia Style Component me dispara un error en la consola. Voy avanzar sin este plugin para ver que pasa.
1
jonatan88
jonatan88
Estudiante
·hace 3 meses
Error en la etiqueta Small, dice TypeError: Object(…) is not a function al cargar la compra o el carrito
1
heysoypaez
heysoypaez
Estudiante
·hace 4 meses
¿Qué plugin usas para que te autocomplete las librerias disponibles en tu proyecto?
2
heysoypaez
heysoypaez
Estudiante
·hace 4 meses
¿Y es posible mandar información a mi fuente de datos en Gatsby? Por ejemplo insertar un registro a mi base de datos MongoDB con un POST ...
1
Alejandra Iza
Alejandra Iza
Estudiante
·hace 6 meses
he desplegado un blog en amplify y utilizo axios para hacer los request, tungo un problema y es que cuando haga algun request en producci...
1
onlinejaime
onlinejaime
Estudiante
·hace 7 meses
Hola a todos, no entiendo un par de cosas. He seguido tus vídeos desde el principio y, a estas alturas, todavía no me cargan las tipograf...
1
Ybrahin Martinez
Ybrahin Martinez
Estudiante
·hace 7 meses
Si el proceso de consumir información sucede solamente una vez en tiempo de “compilación”, ¿cómo se hace para consumir nuevamente informa...
1