Logo de Código Facilito
  • Inicio
  • Replays
  • Iniciar sesión
  • Crear cuenta
  • Explorar cursos
  • Bootcamps
  • Precios
  • Blog

¡Califica el Curso de introducción a Gatsby!

Selecciona la calificación de 1 a 5 estrellas

Reporta un error

Curso Curso de introducción a Gatsby

Video Fuentes de datos en Gatsby

Tipo de error

Algo salió mal al cargar el vídeo

El vídeo no pudo cargarse, hemos enviado un reporte al equipo de desarrollo, para poder solucionarlo a la brevedad.

Mientras solucionamos el problema, intenta lo siguiente para solucionar el error:

  • Recarga la página
  • Intenta reiniciar tu navegador y luego vuelve a reproducir el vídeo
  • Vacía el caché de tu navegador
  • Intenta reproducir con las extensiones del navegador deshabilitadas
  • Intenta con un navegador distinto
  • Si el problema persiste contáctanos en Discord
home Ir al inicio report_problem Reportar falla star Valorar curso

En este contexto, entendemos una fuente de datos cómo alguna API de la que podamos obtener y en la que podamos modificar información.

Gatsby no asume nada acerca de la o las fuentes de datos que puedas usar en tu aplicación de Gatsby, de ésta manera, es posible usar una enorme cantidad de posibles fuentes de datos para tu aplicación web.

Una fuente de datos puede ser una hoja de cálculo, un archivo JSON, múltiples archivos locales, una base de datos en la nube, un servicio web, un CMS, entre muchísimos otros más.

Sin importar cuáles sean las características particulares de tu fuente de datos, Gatsby usa plugins como forma de integración entre ellos, por lo que en términos prácticos, tú únicamente usas el lenguaje de consultas de graphql para obtener la información que necesitas, sin importar de dónde venga ésta originalmente o si estás usando múltiples fuentes de datos que son distintas entre sí.

La integración de estas fuentes de datos con el servidor de graphql de Gatsby se da en el archivo gatsby-node.js, donde es posible agregar nuevos tipos de datos a graphql y nuevos resolvers, funciones que retornan la información de las consultas a graphql.

Gatsby cuenta con, al día en que hicimos el contenido de éste vídeo, con más de 1400 plugins, muchos de ellos te permiten integrar fuentes de datos con tu aplicación web.

Algunos de los ejemplos más comunes de fuentes de datos para aplicaciones de Gatsby son Wordpress, archivos locales del sistema, archivos markdown y servicios web; aunque también existen otros que aunque son menos populares, pueden resultar muy útiles como el uso de listas de trello, hojas de cálculo, entre otros.

  • Módulo 1 | 3 clases

    Introducción

    expand_more
    • play_circle_outline

      Clase 1

      Presentación del curso de Gatsby

    • play_circle_outline

      Clase 2

      Qué es Gatsby

    • play_circle_outline

      Clase 3

      Qué es el JAMStack

  • Módulo 2 | 9 clases

    Fundamentos

    expand_more
    • play_circle_outline

      Clase 1

      Iniciando un proyecto de Gatsby

    • play_circle_outline

      Clase 2

      Gatsby starters

    • play_circle_outline

      Clase 3

      Creando mis primeras páginas

    • play_circle_outline

      Clase 4

      Componentes de React

    • play_circle_outline

      Clase 5

      Links

    • play_circle_outline

      Clase 6

      Qué son los plugins de Gatsby

    • play_circle_outline

      Clase 7

      API Files Gatsby

    • play_circle_outline

      Clase 8

      Servidor de graphql

    • play_circle_outline

      Clase 9

      Para qué usar graphql

  • Módulo 3 | 6 clases

    Trabajando con assets

    expand_more
    • play_circle_outline

      Clase 1

      La carpeta de assets estáticos

    • play_circle_outline

      Clase 2

      Importar imágenes con webpack

    • play_circle_outline

      Clase 3

      Gatsby Image

    • play_circle_outline

      Clase 4

      Gatsby Image - Dimensiones fluidas

    • play_circle_outline

      Clase 5

      Configuraciones adicionales de Gatsby Image

    • play_circle_outline

      Clase 6

      Importar hojas de estilo globales

  • Módulo 4 | 5 clases

    graphql y fuentes de datos

    expand_more
    • play_circle_outline

      Clase 1

      Crear páginas dinámicamente

    • play_circle_outline

      Clase 2

      Enviando datos a las páginas

    • play_circle_outline

      Clase 3

      Datos de los archivo de sistema

    • play_arrow

      Clase 4

      Fuentes de datos en Gatsby

    • play_circle_outline

      Clase 5

      Consultas graphql con argumentos

  • Módulo 5 | 4 clases

    Estilos

    expand_more
    • play_circle_outline

      Clase 1

      Archivos CSS globales

    • play_circle_outline

      Clase 2

      CSS modular

    • play_circle_outline

      Clase 3

      Styled components

    • play_circle_outline

      Clase 4

      Emotion

  • Módulo 6 | 5 clases

    Final y Extra

    expand_more
    • play_circle_outline

      Clase 1

      Componentes persistentes

    • play_circle_outline

      Clase 2

      Rutas del lado del cliente

    • play_circle_outline

      Clase 3

      PWA - Web manifest

    • play_circle_outline

      Clase 4

      PWA - Service Workers

    • play_circle_outline

      Clase 5

      Notas del deploy

Fuentes de datos en Gatsby

arrow_back Siguiente arrow_forward
Curso de introducción a Gatsby