{"id":1468,"date":"2018-06-21T18:48:09","date_gmt":"2018-06-21T18:48:09","guid":{"rendered":"https:\/\/2018.brighton.wordcamp.org\/?post_type=wcb_session&#038;p=1468"},"modified":"2018-07-16T16:32:32","modified_gmt":"2018-07-16T16:32:32","slug":"using-the-wordpress-api-gatsby-js-to-build-a-jamstack-website","status":"publish","type":"wcb_session","link":"https:\/\/brighton.wordcamp.org\/2018\/session\/using-the-wordpress-api-gatsby-js-to-build-a-jamstack-website\/","title":{"rendered":"Using the WordPress API &amp; Gatsby.js to build a JAMstack website"},"content":{"rendered":"<p>Using WordPress as a headless CMS is a great solution for delivering fast, scalable websites. This talk will feature a website we developed for one of our clients, a global software company selling statistical and data analytical tools and solutions for the biotechnology sector.<\/p>\n<p>We will cover the benefits of taking a headless approach, where WordPress is used solely as a CMS but its theme &amp; templating features are replaced by a separate framework, GatsbyJS which is based on React.<\/p>\n<p>We will also include some of the pitfalls and challenges we overcame along the way and the benefits to our client of this approach.<\/p>\n<p><b>Requirements<\/b>:<u><\/u><u><\/u><\/p>\n<ul type=\"disc\">\n<li>A laptop<u><\/u><u><\/u><\/li>\n<li>An internet connection<u><\/u><u><\/u><\/li>\n<li>Development environment that supports Node (v6 onwards) and NPM (v3 onwards)<u><\/u><u><\/u><\/li>\n<li>Basic development experience<u><\/u><u><\/u><\/li>\n<\/ul>\n<p><b>Nice to have:<u><\/u><u><\/u><\/b><\/p>\n<ul type=\"disc\">\n<li>Experience with JS,\u00a0React, GraphQL &amp;\u00a0Static Site Generators<u><\/u><u><\/u><\/li>\n<li>Familiarity with Terminal\/CLI<\/li>\n<\/ul>\n<p><strong><span class=\"m_2677104128316663826gmail-s1\">Workshop Length: <\/span><\/strong><span class=\"m_2677104128316663826gmail-s1\">2<\/span><span class=\"m_2677104128316663826gmail-s1\">hrs<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Using WordPress as a headless CMS is a great solution for delivering fast, scalable websites. This talk will feature a website we developed for one of our clients, a global software company selling statistical and data analytical tools and solutions for the biotechnology sector. We will cover the benefits of taking a headless approach, where &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/brighton.wordcamp.org\/2018\/session\/using-the-wordpress-api-gatsby-js-to-build-a-jamstack-website\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Using the WordPress API &amp; Gatsby.js to build a JAMstack website&#8221;<\/span><\/a><\/p>\n","protected":false},"author":14785592,"featured_media":0,"template":"","meta":{"jetpack_post_was_ever_published":false,"_wcpt_session_time":1534585500,"_wcpt_session_duration":3000,"_wcpt_session_type":"session","_wcpt_session_slides":"","_wcpt_session_video":"","_wcpt_speaker_id":[1452],"footnotes":""},"session_track":[919799],"session_category":[144],"class_list":["post-1468","wcb_session","type-wcb_session","status-publish","hentry","wcb_track-workshop-2","wcb_session_category-development"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p9ygjE-nG","session_date_time":{"date":"August 18, 2018","time":"9:45 am"},"session_speakers":[{"id":"1452","slug":"louise-towler","name":"Louise Towler","link":"https:\/\/brighton.wordcamp.org\/2018\/speaker\/louise-towler\/"}],"session_cats_rendered":"Development","_links":{"self":[{"href":"https:\/\/brighton.wordcamp.org\/2018\/wp-json\/wp\/v2\/sessions\/1468","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brighton.wordcamp.org\/2018\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/brighton.wordcamp.org\/2018\/wp-json\/wp\/v2\/types\/wcb_session"}],"version-history":[{"count":4,"href":"https:\/\/brighton.wordcamp.org\/2018\/wp-json\/wp\/v2\/sessions\/1468\/revisions"}],"predecessor-version":[{"id":1935,"href":"https:\/\/brighton.wordcamp.org\/2018\/wp-json\/wp\/v2\/sessions\/1468\/revisions\/1935"}],"speakers":[{"embeddable":true,"href":"https:\/\/brighton.wordcamp.org\/2018\/wp-json\/wp\/v2\/speakers\/1452"}],"author":[{"embeddable":true,"href":"https:\/\/brighton.wordcamp.org\/2018\/wp-json\/wporg\/v1\/users\/louisetowler"}],"wp:attachment":[{"href":"https:\/\/brighton.wordcamp.org\/2018\/wp-json\/wp\/v2\/media?parent=1468"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/brighton.wordcamp.org\/2018\/wp-json\/wp\/v2\/session_track?post=1468"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/brighton.wordcamp.org\/2018\/wp-json\/wp\/v2\/session_category?post=1468"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}