Curso de GatsbyJS

Descripción:

Al término del curso el alumno será capaz de crear proyectos como construidos completamente con Gatsby y GraphQL, autenticación de usuario con autenticación de múltiples factores, contenido servido desde el CMS sin contenido Contentful (con publicaciones de blog escritas completamente en descuento) y despliegue continuo con Netlify.

Temario:

Parte 1. Creando nuestro Proyecto Gatsby

Usando los documentos de Gatsby | Crear nuestro proyecto con la CLI de Gatsby | Gatsby Starters para arrancar fácilmente nuevos proyectos | Estructura del archivo del proyecto Gatsby | Archivos API de Gatsby / Uso de Git para el seguimiento de archivos

Parte 2. Páginas y componentes en Gatsby

Creación de páginas, rutas y rutas anidadas en Gatsby | Agregar estructura de aplicación con componentes / enlaces de diseño en Gatsby

Parte 3. Consulta de datos con GraphQL / GraphiQL IDE

Obtención de metadatos del sitio con GraphQL y consultas estáticas | Usando GraphiQL IDE para ejecutar nuestras consultas GraphQL | Ejecutando GraphQL | Consultas en nuestros componentes Gatsby | Agregar / consultar campos personalizados en los metadatos del sitio

Parte 4. Complementos de origen y consultas estáticas

Consulta de datos del sistema de archivos con el sistema de archivos gatsby-source | Ejecutar consultas estáticas desde cero | Transformer Plugins / Uso de gatsby-transformer-comment para transformar Markdown | Visualización de vista previa de publicaciones de Markdown en la página del blog

Parte 5. Creación de páginas con Gatsby

Creación programática de babosas para publicaciones de blog con gatsby-node | Creación de páginas mediante programación con gatsby-node

Parte 6. Argumentos, variables y consultas de página de GraphQL

Uso de argumentos y variables de GraphQL para obtener publicaciones individuales | Obtención de datos de publicaciones individuales por Slug con consultas de página | Enlaces a publicaciones de blog / Creación de páginas de blog mediante programación | Agregar paginación con página anterior / página siguiente Enlaces | Agregar paginación numerada

Parte 8. Ordenar y filtrar con consultas GraphQL / fechas de formato y texto

Ordenar, filtrar, limitar, omitir con argumentos de GraphQL / Listado | Publicaciones de blog | Fechas de formato en Gatsby / Función de formato en el momento | Extractos de formato | Tiempo de lectura para cada publicación / fechas de formato en nuestras páginas de blog

Parte 9. Imágenes en Gatsby 

Importar imágenes en Gatsby / Agregar nuestro logotipo del sitio | ¿Qué es Gatsby Image? / ¿Por qué usar Gatsby Image? Consulta de imágenes en GraphiQL / gatsby-transformer-sharp Plugin en acción

Parte 10. Despliegue de nuestros sitios de Gatsby con Netlify

Configuración de integración continua | Uso de Netlify para la implementación / implementación continua con Github | Autenticación de usuario en identidad Gatsby / Netlify