Skip to content

Instantly share code, notes, and snippets.

@Jossdz
Last active March 9, 2019 00:42
Show Gist options
  • Save Jossdz/0096cf6e991776944cc369dde28a2247 to your computer and use it in GitHub Desktop.
Save Jossdz/0096cf6e991776944cc369dde28a2247 to your computer and use it in GitHub Desktop.
Curso profesional de Gatsby - Platzi

Curso de Gatsby - Platzi

Bio


José Carlos Correa (Joss)

Mi nombre es José Carlos Correa pero todos en la industria tech me conocen como Joss, soy un ingeniero en sistemas computacionales y desarrollador fullstack que en sus inicios como estudiante se encontraba insatisfecho con la información y contenido del sistema educativo público. Es por eso que en mis primeros años de carrera, opté por buscar que es lo que estaba haciendo la gente que creaba los productos web actuales y que herramientas utilizaba para ello, Me encontré con las comunidades de desarrollo del IPN y en ese entonces 'Mejorando.la'.

mejorandola

Eso hizo que creciera como programador y como colaborador muy cerca de las comunidades más importantes de la ciudad de méxico. Hoy en día sigo colaborando con ellas y comparto todo lo que aprendo día con día como profesor asistente en Ironhack donde he apoyado a más de 100 estudiantes a contruir las aplicaciones y juegos de sus sueños.

¿Gatsby?

Gatsby es un framework que ayuda a generar aplicaciones y sitios estáticos dinámicos. Gatsby es ahora muy popular entre los desarrolladores top (Kent C. Dodds, Wes Bos, etc.) pero todos ellos son americanos, también tienen esfuerzos para compartir y enseñar gatsby a la comunidad pero todos los aportes son en inglés. Esto es una oportunidad enorme de llevar una tecnología que está cambiando la manera de desarrollar aplicaciones seguras e increiblemente rápidas

Como compartir el conocimiento de gatsby

Siempre he sido un seguidor de platzi y me parece que es momento de aspirar a ser parte de la mejor plataforma para compartir conocimiento escalable.

¿A quien va dirigido?

El curso fácilmente puede estár dirigido a las personas que cursan la carrera de frontend, posterior a aprender React y graphql.

Motivación

Gatsby, Graphql, Apollo y React son tecnologías a las cuales le he apostado y dedicado mucho de mi tiempo como aprendiz y mis recursos han sido únicamente en inglés. Estas tecnologías están revolucionando la industria y somos muy pocas las personas latinas creando productos alrededor de ellas, me gustaría encabezar el movimiento de traer recursos a la red hispana.

Introducción

  • ¿Que es Gatsby?
  • ¿Quién usa Gatsby?
  • ¿Por qué Gatsby?
  • Estado del arte: cms

Preparando el entorno

  • Presentación del proyecto - Ecommerce con Stripe
  • Requisitos previos
  • Instalando Gatsby
  • Gatsby CLI

Bases de Gatsby

  • Rol de React en Gatsby
  • SSR en Gatsby
  • Estructura de archivos
  • Como Gatsby usa graphql
  • Ecosistema de plugins

Creando páginas estáticas

  • Página básica
  • Componentes de react
  • Creando Rutas en Gatsby
  • Links entre rutas

Graphql queries

  • Datos en Gatsby
  • Graphiql
  • Query
  • Static query

Plugins

  • Instalación y configuración
  • Plugins de fuente de datos
  • Plugins de transformación
  • Typography
  • Helmet - SEO

Generando páginas programáticamente

  • Creando páginas basadas en datos
  • Gatsby API
  • Creando de un template
  • Generando páginas

Deploy a Now ó Netlify ó GH pages

  • Gatsby build
  • Deploy
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment