Accediendo a nuestros datos en Gatsby desde GraphQL

Clase 13 de 33 • Curso de Desarrollo de Aplicaciones Web con Gatsby JS

Resumen

Al iniciar nuestro servidor de desarrollo con Gatsby también iniciamos un servidor de GraphQL que almacena todos los datos de nuestra aplicación, incluyendo los datos que obtenemos por medio de los plugins.

Podemos visualizar todos estos datos y su documentación entrando a: localhost:8000/__graphql.

Juan Castro

teacher•

:fire: Gatsby puede funcionar sin GraphQL :fire:

:rocket: :ok_hand: Guía corta: https://www.gatsbyjs.org/docs/using-gatsby-without-graphql
:joy: :sob: Historia super alargada pero muy divertida: https://youtu.be/GLNpdJsUbpE

Jose Carlos Correa

teacher•

Admiro un montón a Kitze, excelente aporte 🤘🏼

GRUPORPP SAC 20492353214

student•

gracias por el aporte, no conocía a Kitze. Ya me hice suscriptor de él XD.

Enrique Devars

teacher•

A mi me gusta mucho mas usar playground para probar mis queries de graphQL. Si lo quieren usar en gatsby, en su package JSON agreguen este script:

"develop": "GATSBY_GRAPHQL_IDE=playground gatsby develop",

Miguel Angel Reyes Moreno

student•

Accediendo a nuestros datos en Gatsby desde GraphQL

Cuando hacemos gatsby develop tenemos acceso a https://localhost:8000/___graphql donde tenemos una herramienta para hacer queries.

❗ Imporatante: NO debemos ni siquiera warnings porque GraphlQL no funcionará.

query TodasLasFotos{
  allFile{
    totalCount
  }
}

En este caso, esta query nos regresa:

{
  "data": {
    "allFile": {
      "totalCount": 11
    }
  },
  "extensions": {}
}

Yulianny Betancourt

student•

Siento que amo a Graphql.

Andres Roberto Coello Goyes

student•

¿por que hasta ahora no se ve el renderizado del HTML..?

Jose Daniel Hernandez Quiceno

student•

Si desean hacer los queries aun mas sencillos, presionen el boton "Explorer" y alli pueden navegar como si fuera un tipo de servicio de carpetas como en MacOS y Windows