{"id":1138,"date":"2019-07-02T19:42:47","date_gmt":"2019-07-02T23:42:47","guid":{"rendered":"https:\/\/2019.boston.wordcamp.org\/?post_type=wcb_session&#038;p=1138"},"modified":"2019-07-22T15:58:40","modified_gmt":"2019-07-22T19:58:40","slug":"how-we-built-a-static-react-website-with-wordpress-and-gatsby","status":"publish","type":"wcb_session","link":"https:\/\/boston.wordcamp.org\/2019\/session\/how-we-built-a-static-react-website-with-wordpress-and-gatsby\/","title":{"rendered":"Let&#8217;s build a static React website with WordPress and Gatsby"},"content":{"rendered":"\n<p>With the web ecosystem steadily moving towards JavaScript frameworks and JAMstack setups, let\u2019s see how to get up to speed with those latest headless trends.<\/p>\n\n\n\n<p>During this hands-on workshop, we will build a React front-end pulling content from WordPress with GraphQL, and using Gatsby as a static website generator. Some knowledge of WordPress Rest API, Node or React is a plus but not a requirement. We will go through each step following a homemade GitHub tutorial with concrete examples, including the initial setup and a deployment on a serverless hosting and continuous integration (CI) platform. As an extra, we will also explain how to easily make your Gutenberg layout work with your React website.<\/p>\n\n\n\n<p>Bring your own&nbsp;<s>bottle<\/s>&nbsp;laptop (BYOL) and join us if you are curious about headless architecture.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>With the web ecosystem steadily moving towards JavaScript frameworks and JAMstack setups, let\u2019s see how to get up to speed with those latest headless trends. During this hands-on workshop, we will build a React front-end pulling content from WordPress with GraphQL, and using Gatsby as a static website generator. Some knowledge of WordPress Rest API, [&hellip;]<\/p>\n","protected":false},"author":10224560,"featured_media":0,"template":"","meta":{"jetpack_post_was_ever_published":false,"_wcpt_session_time":1563732600,"_wcpt_session_duration":3000,"_wcpt_session_type":"session","_wcpt_session_slides":"https:\/\/drive.google.com\/file\/d\/1JxOlgYypkuRqjeme9dJwx9BafIrXSMPr\/view","_wcpt_session_video":"","_wcpt_speaker_id":[1007,1267],"footnotes":""},"session_track":[1215198,8858,3552],"session_category":[],"class_list":["post-1138","wcb_session","type-wcb_session","status-publish","hentry","wcb_track-1-auditorium","wcb_track-developers","wcb_track-workshops"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paqJi5-im","session_date_time":{"date":"July 21, 2019","time":"2:10 pm"},"session_speakers":[{"id":"1007","slug":"michael-bontyes","name":"Michael Bontyes","link":"https:\/\/boston.wordcamp.org\/2019\/speaker\/michael-bontyes\/"},{"id":"1267","slug":"benjamin-hanusse","name":"Benjamin Hanusse","link":"https:\/\/boston.wordcamp.org\/2019\/speaker\/benjamin-hanusse\/"}],"session_cats_rendered":null,"_links":{"self":[{"href":"https:\/\/boston.wordcamp.org\/2019\/wp-json\/wp\/v2\/sessions\/1138","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/boston.wordcamp.org\/2019\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/boston.wordcamp.org\/2019\/wp-json\/wp\/v2\/types\/wcb_session"}],"author":[{"embeddable":true,"href":"https:\/\/boston.wordcamp.org\/2019\/wp-json\/wp\/v2\/users\/10224560"}],"version-history":[{"count":3,"href":"https:\/\/boston.wordcamp.org\/2019\/wp-json\/wp\/v2\/sessions\/1138\/revisions"}],"predecessor-version":[{"id":1696,"href":"https:\/\/boston.wordcamp.org\/2019\/wp-json\/wp\/v2\/sessions\/1138\/revisions\/1696"}],"speakers":[{"embeddable":true,"href":"https:\/\/boston.wordcamp.org\/2019\/wp-json\/wp\/v2\/speakers\/1007"},{"embeddable":true,"href":"https:\/\/boston.wordcamp.org\/2019\/wp-json\/wp\/v2\/speakers\/1267"}],"wp:attachment":[{"href":"https:\/\/boston.wordcamp.org\/2019\/wp-json\/wp\/v2\/media?parent=1138"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/boston.wordcamp.org\/2019\/wp-json\/wp\/v2\/session_track?post=1138"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/boston.wordcamp.org\/2019\/wp-json\/wp\/v2\/session_category?post=1138"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}