Gatsby & Contentful_JAM add data w/GraphQL

金秀·2022년 7월 24일
0

Gatsby

목록 보기
2/3
post-thumbnail

Contentful_ Query data from Gatsby (Contentful)

section 4. 8-9 https://www.udemy.com/course/gatsby-js-contentful-gatsby-cloud/learn/lecture/24962008#overview

to query data using Graphql, use gatsby file system api

{contentfulPage.slug}.tsx

contenfulPage 작성

absolute import 추가

https://www.gatsbyjs.com/plugins/gatsby-plugin-root-import/
😹😹😹 여기는 => docs 대로 했는데 안되넴

id 사용해서 dynamic data => page 만들기

  1. graphql contentfulPage 하단 purple list => filter 해서 data 가져옴

  2. id eq: => euals 특정 아이디로 필터하기!
    => id 정보 가져와서 넣어본다

  3. Add$id (param) in the graphQL query in {contentfulPage.slug}.tsx
    => props 정보 > data > querying data found here!

profile
기록하기

0개의 댓글

관련 채용 정보