Как обрабатывать данные содержания в содержательной Гэтсби

Question

Я заинтересован в использовании Gatsby построить Netlify статического сайта с помощью контента из Contentful

Netlify имеет этот приятный gettting начал Гэтсби руководство: https://www.netlify.com/blog/2016/02/24/a-step-by-step-guide-gatsby-on-netlify

Но Я немного не уверен, как привести Contentful в микс. Нужно ли писать сценарии для преобразования моего контента Contentful в «уценку» Gatsby?

Любые идеи, идеи, ссылки оценены!

Answer 1

Поскольку этот вопрос был размещен, официальным содержательной плагин был добавлен в коллекцию Гэтсби (официальной, как в созданном Гэтсби команда, а не содержательная): https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-source-contentful

код ЦСИ в качестве примера сайта здесь: https://github.com/gatsbyjs/gatsby/tree/master/examples/using-contentful

плагин обрабатывает уценки через gatsby-tranfsormer-remark и выдает результирующий HTML, который вы можете получить доступ к серверу через GraphQL Гэтсби ж/запрос, как этот от the example proj:

contentfulProduct(id: { eq: $id }) { 
     productName { 
     productName 
     } 
     productDescription { 
     childMarkdownRemark { 
      html 
     } 
     } 
     price 
    } 

Вы можете использовать плагин для подключения как к Content API (для опубликованных активов/контента) и/или предварительного просмотра API (для обоих опубликованных и проект содержания/активов).

Мы используем NODE_ENV, чтобы вытащить из API предварительного просмотра в dev и Content API в процессе производства.

Answer 2

В настоящее время лучшим вариантом является создание сценария, который синхронизирует контент из Contentful с вашим каталогом страниц сайта Gatsby.

Планы, однако, для добавления поддержки в Gatsby, чтобы это произошло полуавтоматически. Ранние дни все еще здесь! Смотрите этот вопрос для более https://github.com/gatsbyjs/gatsby/issues/324

Answer 3

Вот сценарий, я использую, чтобы тянуть вниз данные из содержательной: https://gist.github.com/ivanoats/e79ebbd711831be2536d1650890055c4

Я бегу это через скрипт НПМ выполнения перед Гэтсби сборки.

Я хотел бы работать над плагином или получить идеи по лучшей архитектуре для этого процесса.

я написал пост на этой архитектуре более подробно на Aerobatic blog