Descripción:
¿Quieres hacer las mejores y más rápidas aplicaciones React? No busque más, la solución es Gatsby. Este curso es la mejor guía que encontrará para aprender el framework Gatsby. En él, aprenderá a crear proyectos web, desde el inicio del proyecto hasta la implementación.
Objetivo:
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
