{"componentChunkName":"component---src-templates-blog-post-template-js","path":"/2019/07/19/jamstack-london-2019/","result":{"data":{"mdx":{"id":"455088b1-8655-5b0b-90bb-8a8f5f4afbc3","frontmatter":{"title":"JAMstack_conf London 2019","date":"2019 July 19th","cover":{"id":"00c85b49-52c5-57bd-9aed-309fc347eb81","publicURL":"/static/cover-a43bf1917997b17ab9014e2bddd43e08.jpg"}},"body":"function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsx mdx */\nvar _frontmatter = {\n  \"date\": \"2019-07-19T00:00:00.000Z\",\n  \"title\": \"JAMstack_conf London 2019\",\n  \"tags\": [\"conferences\", \"jamstack\"],\n  \"published\": true,\n  \"cover\": \"./cover.jpg\",\n  \"coverCredit\": \"Photo by Johnson Wang on Unsplash\"\n};\n\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\n\nvar Tweet = makeShortcode(\"Tweet\");\nvar YouTube = makeShortcode(\"YouTube\");\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, [\"components\"]);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"p\", null, \"I\\u2019ve been wanting to go to a JAMstack conf since the first one was\\nscheduled for October 2018. This year when it was announced there\\nwould be one in London I was super excited to get the opportunity to\\ngo.\"), mdx(\"p\", null, \"The conference was across two days with the first consisting of\\nworkshops, lightning talks and welcome drinks. The second was the\\nkeynote and conference talks either side of a lightning round with\\nsome exciting announcements.\"), mdx(\"h2\", {\n    \"id\": \"tuesday---2019-07-09\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", _extends({\n    parentName: \"h2\"\n  }, {\n    \"href\": \"#tuesday---2019-07-09\",\n    \"aria-label\": \"tuesday   2019 07 09 permalink\",\n    \"className\": \"anchor-toc before\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  })))), \"Tuesday - 2019-07-09\"), mdx(\"p\", null, \"First up was the workshop events where I was attending a workshop on\\nschema stitching with GraphQL using GraphCMS and Moltin\"), mdx(\"h2\", {\n    \"id\": \"workshop\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", _extends({\n    parentName: \"h2\"\n  }, {\n    \"href\": \"#workshop\",\n    \"aria-label\": \"workshop permalink\",\n    \"className\": \"anchor-toc before\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  })))), \"Workshop\"), mdx(\"p\", null, \"Jesse was a great at going through the basics of the headless CMS and\\nwhy you should be using one. The workshop consisted of us defining our\\nCMS content model with pen and paper before creating them in the\\nGraphCMS UI for use with the Moltin eComerce API\"), mdx(Tweet, {\n    tweetLink: \"notrab/status/1148587457866358784\",\n    mdxType: \"Tweet\"\n  }), mdx(\"h3\", {\n    \"id\": \"technical-difficulties\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", _extends({\n    parentName: \"h3\"\n  }, {\n    \"href\": \"#technical-difficulties\",\n    \"aria-label\": \"technical difficulties permalink\",\n    \"className\": \"anchor-toc before\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  })))), \"Technical difficulties\"), mdx(\"p\", null, \"There were issues on both the GraphCMS and the Moltin side, mainly\\naround the UI for Moltin. We all managed to breeze through these\\nkeeping a good pace on the content.\"), mdx(\"h3\", {\n    \"id\": \"graphql-schema-stitching\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", _extends({\n    parentName: \"h3\"\n  }, {\n    \"href\": \"#graphql-schema-stitching\",\n    \"aria-label\": \"graphql schema stitching permalink\",\n    \"className\": \"anchor-toc before\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  })))), \"GraphQL Schema Stitching\"), mdx(\"p\", null, \"Once we all got through the initial setup on our projects it was quite\\nsatisfying to get to two schemas in one query. I still have a bit of\\nwork to do on my project as we all ran out of time towards the end.\\nJesse covered the main goal of the workshop which was to stitch the\\ntwo schemas together. The additional UI work I can pick up at a later\\ndate.\"), mdx(\"h2\", {\n    \"id\": \"lightning-talks\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", _extends({\n    parentName: \"h2\"\n  }, {\n    \"href\": \"#lightning-talks\",\n    \"aria-label\": \"lightning talks permalink\",\n    \"className\": \"anchor-toc before\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  })))), \"Lightning Talks\"), mdx(\"p\", null, \"After the workshops it was time for the lightening talks.\"), mdx(\"p\", null, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://twitter.com/jamiebradley234\",\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }), \"@jamiebradley234\"), \" did a talk on the booming tech scene in\\nMiddlesbrough.\"), mdx(Tweet, {\n    tweetLink: \"kmelve/status/1148664935305699328\",\n    mdxType: \"Tweet\"\n  }), mdx(\"p\", null, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://twitter.com/danfascia\",\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }), \"@danfascia\"), \" did a great talk on how healthcare tech is benefiting\\nfrom JAMstack methodologies.\"), mdx(YouTube, {\n    youTubeId: \"n1ca0cQAr_4\",\n    mdxType: \"YouTube\"\n  }), mdx(\"h2\", {\n    \"id\": \"wednesday---2019-07-10\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", _extends({\n    parentName: \"h2\"\n  }, {\n    \"href\": \"#wednesday---2019-07-10\",\n    \"aria-label\": \"wednesday   2019 07 10 permalink\",\n    \"className\": \"anchor-toc before\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  })))), \"Wednesday - 2019-07-10\"), mdx(\"h2\", {\n    \"id\": \"talks\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", _extends({\n    parentName: \"h2\"\n  }, {\n    \"href\": \"#talks\",\n    \"aria-label\": \"talks permalink\",\n    \"className\": \"anchor-toc before\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  })))), \"Talks\"), mdx(\"p\", null, \"First up we had some apologies from Phill Hawksworth on behalf of\\nChris Coyer as Chris couldn\\u2019t make it. We sent him a get well soon\\nmessage.\"), mdx(Tweet, {\n    tweetLink: \"philhawksworth/status/1148929743342972928\",\n    mdxType: \"Tweet\"\n  }), mdx(\"h3\", {\n    \"id\": \"state-of-the-jamstack-nation---sarah-drasner\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", _extends({\n    parentName: \"h3\"\n  }, {\n    \"href\": \"#state-of-the-jamstack-nation---sarah-drasner\",\n    \"aria-label\": \"state of the jamstack nation   sarah drasner permalink\",\n    \"className\": \"anchor-toc before\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  })))), \"State of the JAMstack Nation - Sarah Drasner\"), mdx(\"p\", null, \"Sarah gave a demo of how quickly you could set up a JAMstack site,\\nusing Vue and Nuxt\"), mdx(\"h3\", {\n    \"id\": \"netlify-analytics---matt-biilmann\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", _extends({\n    parentName: \"h3\"\n  }, {\n    \"href\": \"#netlify-analytics---matt-biilmann\",\n    \"aria-label\": \"netlify analytics   matt biilmann permalink\",\n    \"className\": \"anchor-toc before\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  })))), \"Netlify Analytics - Matt Biilmann\"), mdx(\"p\", null, \"Massive announcement for Netlify analytics I signed up there and then\\nfor my blog. Obviously Netlify is used to build Netlify so Matt showed\\noff the continuous deployment for Netlify whilst putting the feature\\nlive.\"), mdx(\"h3\", {\n    \"id\": \"transforming-the-json---groq--sanity-cms---knut-melvær\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", _extends({\n    parentName: \"h3\"\n  }, {\n    \"href\": \"#transforming-the-json---groq--sanity-cms---knut-melv%C3%A6r\",\n    \"aria-label\": \"transforming the json   groq  sanity cms   knut melvær permalink\",\n    \"className\": \"anchor-toc before\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  })))), \"Transforming the Json - GROQ (& Sanity CMS) - Knut Melv\\xE6r\"), mdx(\"p\", null, \"Knut showing off the advantages of using GROQ for querying your data.\"), mdx(\"p\", null, \"Also it\\u2019s \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://www.sanity.io/blog/we-re-open-sourcing-groq-a-query-language-for-json-documents\",\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }), \"now open source\")), mdx(\"h3\", {\n    \"id\": \"stackbit---ben-edwards\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", _extends({\n    parentName: \"h3\"\n  }, {\n    \"href\": \"#stackbit---ben-edwards\",\n    \"aria-label\": \"stackbit   ben edwards permalink\",\n    \"className\": \"anchor-toc before\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  })))), \"Stackbit - Ben Edwards\"), mdx(\"p\", null, \"Ben announcing that Stackbit was coming out of beta. Stackbit is a\\ngreat all in one tool for making JAMstack sites with CMS integration.\"), mdx(\"h3\", {\n    \"id\": \"code-sandbox---ives-van-horne\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", _extends({\n    parentName: \"h3\"\n  }, {\n    \"href\": \"#code-sandbox---ives-van-horne\",\n    \"aria-label\": \"code sandbox   ives van horne permalink\",\n    \"className\": \"anchor-toc before\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  })))), \"Code Sandbox. - Ives van Horne\"), mdx(\"p\", null, \"Ives (Flip) went into how he made \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://codesandbox.io\",\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }), \"codesandbox.io\"), \" whils being a\\ncollege student.\"), mdx(\"p\", null, \"If you want something build cheaply, ask a student to build it for you\\nwas the take home here for me.\"), mdx(\"h3\", {\n    \"id\": \"why--how-smashing-magazine-moved-to-jamstack---vitaly-friedman\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", _extends({\n    parentName: \"h3\"\n  }, {\n    \"href\": \"#why--how-smashing-magazine-moved-to-jamstack---vitaly-friedman\",\n    \"aria-label\": \"why  how smashing magazine moved to jamstack   vitaly friedman permalink\",\n    \"className\": \"anchor-toc before\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  })))), \"Why & How Smashing Magazine moved to JAMstack - Vitaly Friedman\"), mdx(\"p\", null, \"Brilliant talks from Vitaly on the transition of Smashing Mag from\\nmonolith over to the JAMstack. Also great detail on the redesign.\"), mdx(\"h3\", {\n    \"id\": \"weworklabs-moves-to-jamstack---ramin-bozorgzadeh\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", _extends({\n    parentName: \"h3\"\n  }, {\n    \"href\": \"#weworklabs-moves-to-jamstack---ramin-bozorgzadeh\",\n    \"aria-label\": \"weworklabs moves to jamstack   ramin bozorgzadeh permalink\",\n    \"className\": \"anchor-toc before\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  })))), \"WeWorkLabs moves to JAMstack - Ramin Bozorgzadeh\"), mdx(\"p\", null, \"JAMstack helps me sleep at night!\"), mdx(\"h3\", {\n    \"id\": \"css-houdini-today---una-kravets\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", _extends({\n    parentName: \"h3\"\n  }, {\n    \"href\": \"#css-houdini-today---una-kravets\",\n    \"aria-label\": \"css houdini today   una kravets permalink\",\n    \"className\": \"anchor-toc before\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  })))), \"CSS Houdini Today - Una Kravets\"), mdx(\"p\", null, \"Una was super jazzed about Houdini, you could do some pretty neat css\\ntricks with it.\"), mdx(\"p\", null, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://extra-css.netlify.com/\",\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }), \"https://extra-css.netlify.com/\")), mdx(\"h3\", {\n    \"id\": \"serverless-functions---simona-cotin\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", _extends({\n    parentName: \"h3\"\n  }, {\n    \"href\": \"#serverless-functions---simona-cotin\",\n    \"aria-label\": \"serverless functions   simona cotin permalink\",\n    \"className\": \"anchor-toc before\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  })))), \"Serverless functions - Simona Cotin\"), mdx(\"p\", null, \"Simona detailed key usecases for serveless functions.\"), mdx(\"h3\", {\n    \"id\": \"performance-optimizing-and-webpack-bashing---jake-archibald-and-surma\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", _extends({\n    parentName: \"h3\"\n  }, {\n    \"href\": \"#performance-optimizing-and-webpack-bashing---jake-archibald-and-surma\",\n    \"aria-label\": \"performance optimizing and webpack bashing   jake archibald and surma permalink\",\n    \"className\": \"anchor-toc before\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  })))), \"Performance optimizing and Webpack bashing - Jake Archibald and Surma\"), mdx(\"p\", null, \"Surma and Jake went through how to optimise a modern day minesweeper\\ngame for mobile.\"), mdx(\"p\", null, mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"\\u201CShould I worry about performance?\\u201D\")), mdx(\"p\", null, mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"Answer: YES!\")), mdx(\"p\", null, \"Hosted web fonts slow things down, because the browser has to load\\nfrom multiple servers. Optimize further by only including the\\ncharacters you need. Use css, assets, fonts directly in the HTML to\\neliminate needing additional requests.\"), mdx(\"p\", null, \"Here\\u2019s the repo: \", mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"https://github.com/GoogleChromeLabs/proxx\",\n    \"target\": \"_blank\",\n    \"rel\": \"noopener\"\n  }), \"https://github.com/GoogleChromeLabs/proxx\")), mdx(\"h3\", {\n    \"id\": \"hot\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", _extends({\n    parentName: \"h3\"\n  }, {\n    \"href\": \"#hot\",\n    \"aria-label\": \"hot permalink\",\n    \"className\": \"anchor-toc before\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  })))), \"Hot!\"), mdx(\"p\", null, \"Being in the UK we had the British weather to content with and the\\nvenue although fitted with A/C units in the speaker hall the venue\\noutside of that was hot and sweaty! I spent the majority of my time\\nbetween talks situated directly in front of the A/C units.\"), mdx(Tweet, {\n    tweetLink: \"spences10/status/1148927111526268928\",\n    mdxType: \"Tweet\"\n  }), mdx(Tweet, {\n    tweetLink: \"peduarte/status/1148923305254096896\",\n    mdxType: \"Tweet\"\n  }), mdx(Tweet, {\n    tweetLink: \"spences10/status/1148914884039577600\",\n    mdxType: \"Tweet\"\n  }), mdx(\"h2\", {\n    \"id\": \"thats-it-folks\",\n    \"style\": {\n      \"position\": \"relative\"\n    }\n  }, mdx(\"a\", _extends({\n    parentName: \"h2\"\n  }, {\n    \"href\": \"#thats-it-folks\",\n    \"aria-label\": \"thats it folks permalink\",\n    \"className\": \"anchor-toc before\"\n  }), mdx(\"svg\", _extends({\n    parentName: \"a\"\n  }, {\n    \"aria-hidden\": \"true\",\n    \"focusable\": \"false\",\n    \"height\": \"16\",\n    \"version\": \"1.1\",\n    \"viewBox\": \"0 0 16 16\",\n    \"width\": \"16\"\n  }), mdx(\"path\", _extends({\n    parentName: \"svg\"\n  }, {\n    \"fillRule\": \"evenodd\",\n    \"d\": \"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"\n  })))), \"That\\u2019s it folks!\"), mdx(\"p\", null, \"This was a great event I met a lot of new people and several Twitter\\nfriends. I can\\u2019t wait until the next one.\"));\n}\n;\nMDXContent.isMDXComponent = true;","excerpt":"I've been wanting to go to a JAMstack conf since the first one was\nscheduled for October 2018. This year when it was announced there\nwould…","tableOfContents":{"items":[{"url":"#tuesday---2019-07-09","title":"Tuesday - 2019-07-09"},{"url":"#workshop","title":"Workshop","items":[{"url":"#technical-difficulties","title":"Technical difficulties"},{"url":"#graphql-schema-stitching","title":"GraphQL Schema Stitching"}]},{"url":"#lightning-talks","title":"Lightning Talks"},{"url":"#wednesday---2019-07-10","title":"Wednesday - 2019-07-10"},{"url":"#talks","title":"Talks","items":[{"url":"#state-of-the-jamstack-nation---sarah-drasner","title":"State of the JAMstack Nation - Sarah Drasner"},{"url":"#netlify-analytics---matt-biilmann","title":"Netlify Analytics - Matt Biilmann"},{"url":"#transforming-the-json---groq--sanity-cms---knut-melvær","title":"Transforming the Json - GROQ (& Sanity CMS) - Knut Melvær"},{"url":"#stackbit---ben-edwards","title":"Stackbit - Ben Edwards"},{"url":"#code-sandbox---ives-van-horne","title":"Code Sandbox. - Ives van Horne"},{"url":"#why--how-smashing-magazine-moved-to-jamstack---vitaly-friedman","title":"Why & How Smashing Magazine moved to JAMstack - Vitaly Friedman"},{"url":"#weworklabs-moves-to-jamstack---ramin-bozorgzadeh","title":"WeWorkLabs moves to JAMstack - Ramin Bozorgzadeh"},{"url":"#css-houdini-today---una-kravets","title":"CSS Houdini Today - Una Kravets"},{"url":"#serverless-functions---simona-cotin","title":"Serverless functions - Simona Cotin"},{"url":"#performance-optimizing-and-webpack-bashing---jake-archibald-and-surma","title":"Performance optimizing and Webpack bashing - Jake Archibald and Surma"},{"url":"#hot","title":"Hot!"}]},{"url":"#thats-it-folks","title":"That's it folks!"}]},"timeToRead":3,"fields":{"slug":"/2019/07/19/jamstack-london-2019/","editLink":"https://github.com/spences10/thelocalhost.blog/edit/authoring/posts/2019/07/19/jamstack-london-2019/index.mdx"}}},"pageContext":{"slug":"/2019/07/19/jamstack-london-2019/","previous":{"id":"2282114a-c23a-53f0-97d1-428d9c05b271","excerpt":"In this guide we're going to cover converting the Gatsby default blog\nstarter to use MDX. All the cool kids are using Gatsby and MDX in their blogs these days.\nIf you already have a blog that uses Gatsby but want to move onto the\nnew hotness then…","frontmatter":{"title":"Convert the Gatsby default starter blog to use MDX","date":"2019-04-09T00:00:00.000Z"},"fields":{"slug":"/2019/04/09/convert-gatsby-default-blog-to-mdx/"}},"next":{"id":"5cebc425-55bf-5894-b964-37054823e574","excerpt":"I have been a Gatsby user since around  v0 May 2017 , at that time was\nusing a template called  Lumen  and it was just what I needed at the\ntime. Since then I have have gone from using a template to creating my\nblog. Over the years I have made my own…","frontmatter":{"title":"Build a coding blog from scratch with Gatsby and MDX","date":"2019-10-31T00:00:00.000Z"},"fields":{"slug":"/2019/10/31/build-an-mdx-blog/"}}}}}