{
    "componentChunkName": "component---src-templates-portofolio-post-js",
    "path": "/blog-portofolio",
    "result": {"data":{"markdownRemark":{"id":"1a9aea0b-5162-5508-87a0-e3de7c3866bd","html":"<h1>🚀 Blog Portofolio</h1>\n<p>A starter to launch your blazing fast personal website and a blog, Built with Gatsby and Netlify CMS.</p>\n<h2>👌 Features</h2>\n<ul>\n<li>A Blog and Personal website with Netlify CMS.</li>\n<li>Responsive Web Design</li>\n<li>Dark / Light Mode</li>\n<li>Customize content of Homepage, About and Contact page.</li>\n<li>Add / Modify / Delete blog posts.</li>\n<li>Add / Modify / Delete portofolio posts.</li>\n<li>Add / Modify / Delete certificate posts.</li>\n<li>Edit website settings, Add Google Analytics and make it your own all with in the CMS.</li>\n<li>SEO Optimized</li>\n<li>Social media icons</li>\n<li>OpenGraph structured data</li>\n<li>Twitter Cards meta</li>\n<li>Beautiful XML Sitemaps</li>\n<li>Netlify Contact Form, Works right out of the box after deployment.</li>\n<li>Invite collaborators into Netlify CMS, without giving access to your Github account via Git Gateway</li>\n<li>Gatsby Incremental Builds with Netlify.</li>\n</ul>\n<h2>🙏 Thank you</h2>\n<p>Thank you for Stackrole for creating Foundation template using Gatsby,\n<a href=\"https://github.com/stackrole/gatsby-starter-foundation\">source</a></p>\n<h2>📷 Preview</h2>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 1024px; \"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 87.5%; position: relative; bottom: 0; left: 0; background-image: url('data:image/svg+xml,%3csvg%20xmlns=\\'http://www.w3.org/2000/svg\\'%20width=\\'400\\'%20height=\\'349\\'%20viewBox=\\'0%200%20400%20349\\'%20preserveAspectRatio=\\'none\\'%3e%3cpath%20d=\\'M0%20175v174h401V0H0v175M265%2052c-25%206-43%2030-43%2056%200%2017%205%2029%2017%2042l8%208%202-7c2-12%206-16%2015-19%206-3%206-2%200-4-20-7-26-36-11-53l3-6c1-1%202-3%204-3l2-2c-2-1%206-4%2012-4%209%200%2017%203%2025%2011%2010%2010%2011%2014%2011%2027%200%208%200%2010-2%2015l-3%206%204%201%2015%206c12%206%2011%206%2013-6%207-31-12-61-42-68-8-2-23-2-30%200m-5%2022l-2%202-1%202v6c-1%203-1%203%201%202l-1%202c-2%203-3%205-1%205l1%201v5c0%204%204%2014%207%2015%203%202%208%200%2014-4s6-3%201%204c-3%203-4%206-4%208s-1%204-4%206c-3%204-3%204-1%205%205%202%206%202%2012%201%209-2%2022-13%2017-15-5-4-8-8-9-15-2-7-2-7-1-10%204-4%201-8-2-5h-2l1-2%201-4c0-2%200-2-1%201l-1%203-4-7c-3-8-5-9-14-9-5%200-5%200-7%203M26%20124c-2%201-3%209-1%2011%201%201%2046%202%2049%200%203-1%203-11%200-12-3-2-47-1-48%201m39%20101l1%204v4c-3%201-10-1-10-2l1-2c4%200%205-2%201-3-3-1-5%201-6%205%200%203%202%205%209%205%205%200%206%200%208-2%201-3%201-3-1-6-2-4-2-4-3-3m-39%2066c-2%201-3%209-1%2011s45%202%2047%200%201-10-1-11c-1-2-4-2-22-2-19%200-22%200-23%202\\'%20fill=\\'%23d3d3d3\\'%20fill-rule=\\'evenodd\\'/%3e%3c/svg%3e'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"portofolio5\"\n        title=\"portofolio5\"\n        src=\"/static/21b89631b6c77ad31987b6074fd84f6f/2bef9/portofolio5.png\"\n        srcset=\"/static/21b89631b6c77ad31987b6074fd84f6f/6f3f2/portofolio5.png 256w,\n/static/21b89631b6c77ad31987b6074fd84f6f/01e7c/portofolio5.png 512w,\n/static/21b89631b6c77ad31987b6074fd84f6f/2bef9/portofolio5.png 1024w,\n/static/21b89631b6c77ad31987b6074fd84f6f/ad00e/portofolio5.png 1366w\"\n        sizes=\"(max-width: 1024px) 100vw, 1024px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n    </span></p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 1024px; \"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 42.578125%; position: relative; bottom: 0; left: 0; background-image: url('data:image/svg+xml,%3csvg%20xmlns=\\'http://www.w3.org/2000/svg\\'%20width=\\'400\\'%20height=\\'170\\'%20viewBox=\\'0%200%20400%20170\\'%20preserveAspectRatio=\\'none\\'%3e%3cpath%20d=\\'M0%2014v14h401V0H0v14m252%2024l1%203c3%203%202%203-5%203l-8%201-1%2017v17l6%202c5%201%206%202%206%203%200%202%202%203%206%203l2%202c0%202-2%203-6%200-5-2-6-1-6%202v3c-2%201%200%204%202%204h4l4%202c4%201%205%207%202%2010l-1%203-2%203-2%202%202%202c4%203%207%203%206-2l1-1%202-1c2-4%208-6%2015-6l8-1%204-1c2%200%203-4%201-7-2-2-2-2-3-1-3%203-7%202-10-2l-2-5c0-2%205-1%207%201%202%203%205%201%204-2l1-2c2-1%201-4-1-4-5%201-5-1-1-5l4-3V64c0-13%200-14-2-14l-2-2c0-2-2-3-10-3-7%200-8%200-5-3%201-2%200-5-3-5l-2%205c-1%203-1%203-5%203s-5-1-5-5c-1-3-4-4-6-2M0%20162v8h401v-17H0v9\\'%20fill=\\'%23d3d3d3\\'%20fill-rule=\\'evenodd\\'/%3e%3c/svg%3e'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"portofolio2\"\n        title=\"portofolio2\"\n        src=\"/static/f0348bb0177a8f6a89973eb603d2d8a5/2bef9/portofolio2.png\"\n        srcset=\"/static/f0348bb0177a8f6a89973eb603d2d8a5/6f3f2/portofolio2.png 256w,\n/static/f0348bb0177a8f6a89973eb603d2d8a5/01e7c/portofolio2.png 512w,\n/static/f0348bb0177a8f6a89973eb603d2d8a5/2bef9/portofolio2.png 1024w,\n/static/f0348bb0177a8f6a89973eb603d2d8a5/ad00e/portofolio2.png 1366w\"\n        sizes=\"(max-width: 1024px) 100vw, 1024px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n    </span></p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 1024px; \"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 51.953125%; position: relative; bottom: 0; left: 0; background-image: url('data:image/svg+xml,%3csvg%20xmlns=\\'http://www.w3.org/2000/svg\\'%20width=\\'400\\'%20height=\\'208\\'%20viewBox=\\'0%200%20400%20208\\'%20preserveAspectRatio=\\'none\\'%3e%3cpath%20d=\\'M0%2014v14h401V0H0v14m33%2055l-1%202%2029%201c29%200%2029%200%2028-2s-2-2-28-2l-28%201m35%2010c-1%203-1%205%201%206v3c-3%204%204%206%208%202%203-3%204-4%201-4-1-1-2-2-1-3%201-5-7-8-9-4M0%20200v8h401v-17H0v9\\'%20fill=\\'%23d3d3d3\\'%20fill-rule=\\'evenodd\\'/%3e%3c/svg%3e'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"portofolio3\"\n        title=\"portofolio3\"\n        src=\"/static/b4b8a9feb91d61ba1295382d70b2e5ef/2bef9/portofolio3.png\"\n        srcset=\"/static/b4b8a9feb91d61ba1295382d70b2e5ef/6f3f2/portofolio3.png 256w,\n/static/b4b8a9feb91d61ba1295382d70b2e5ef/01e7c/portofolio3.png 512w,\n/static/b4b8a9feb91d61ba1295382d70b2e5ef/2bef9/portofolio3.png 1024w,\n/static/b4b8a9feb91d61ba1295382d70b2e5ef/ad00e/portofolio3.png 1366w\"\n        sizes=\"(max-width: 1024px) 100vw, 1024px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n    </span></p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 1024px; \"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 51.953125%; position: relative; bottom: 0; left: 0; background-image: url('data:image/svg+xml,%3csvg%20xmlns=\\'http://www.w3.org/2000/svg\\'%20width=\\'400\\'%20height=\\'207\\'%20viewBox=\\'0%200%20400%20207\\'%20preserveAspectRatio=\\'none\\'%3e%3cpath%20d=\\'M0%2014v14h401V0H0v14m33%2055v40l28%201c26%200%2027%200%2028-2l1-19-1-19c-1-2-2-2-28-2l-28%201M0%20199v8h401v-17H0v9\\'%20fill=\\'%23d3d3d3\\'%20fill-rule=\\'evenodd\\'/%3e%3c/svg%3e'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"portofolio4\"\n        title=\"portofolio4\"\n        src=\"/static/c22b05df9ff832f4856965b59de1961d/2bef9/portofolio4.png\"\n        srcset=\"/static/c22b05df9ff832f4856965b59de1961d/6f3f2/portofolio4.png 256w,\n/static/c22b05df9ff832f4856965b59de1961d/01e7c/portofolio4.png 512w,\n/static/c22b05df9ff832f4856965b59de1961d/2bef9/portofolio4.png 1024w,\n/static/c22b05df9ff832f4856965b59de1961d/ad00e/portofolio4.png 1366w\"\n        sizes=\"(max-width: 1024px) 100vw, 1024px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n    </span></p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 1024px; \"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 51.953125%; position: relative; bottom: 0; left: 0; background-image: url('data:image/svg+xml,%3csvg%20xmlns=\\'http://www.w3.org/2000/svg\\'%20width=\\'400\\'%20height=\\'207\\'%20viewBox=\\'0%200%20400%20207\\'%20preserveAspectRatio=\\'none\\'%3e%3cpath%20d=\\'M0%20104v103h401V0H0v104m61-30c-3%202-8%2011-8%2013%202%204%204%205%2013%205%208%200%2010-1%2011-5%201-2-3-10-5-12-3-2-8-2-11-1m2%204c-1%200-1%201%201%202%203%202%201%204-3%204-2%200-2%200-2%202%200%201%200%202%206%202%208%200%209-1%206-7-3-4-5-5-8-3\\'%20fill=\\'%23d3d3d3\\'%20fill-rule=\\'evenodd\\'/%3e%3c/svg%3e'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"portofolio6\"\n        title=\"portofolio6\"\n        src=\"/static/3a3095f25adc3b106b171e7c942081b2/2bef9/portofolio6.png\"\n        srcset=\"/static/3a3095f25adc3b106b171e7c942081b2/6f3f2/portofolio6.png 256w,\n/static/3a3095f25adc3b106b171e7c942081b2/01e7c/portofolio6.png 512w,\n/static/3a3095f25adc3b106b171e7c942081b2/2bef9/portofolio6.png 1024w,\n/static/3a3095f25adc3b106b171e7c942081b2/ad00e/portofolio6.png 1366w\"\n        sizes=\"(max-width: 1024px) 100vw, 1024px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n    </span></p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 1024px; \"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 85.15625%; position: relative; bottom: 0; left: 0; background-image: url('data:image/svg+xml,%3csvg%20xmlns=\\'http://www.w3.org/2000/svg\\'%20width=\\'400\\'%20height=\\'341\\'%20viewBox=\\'0%200%20400%20341\\'%20preserveAspectRatio=\\'none\\'%3e%3cpath%20d=\\'M0%20171v170h401V0H0v171m89-62c-2%201-1%2017%201%2017h221l1-9v-8l-112-1-111%201m0%202v8l1%206h221v-14l-111-1-111%201m0%2037l-1%209%201%209h223v-9l-1-9H89m0%202v8l1%206h221v-14l-111-1-111%201m1%2037c-2%201-2%203-2%2010l1%208h223v-8c0-7%200-9-2-10-2-2-218-2-220%200m0%202v14c2%202%20218%202%20220%200l1-8v-6l-111-1-110%201m-2%2038v29l1%2028h223v-57l-112-1-112%201m1%201v28l1%2026h221v-54l-111-1-111%201m165%2069c-2%202-1%2012%201%2012l29%201c30%200%2029%200%2029-7s0-7-30-7l-29%201\\'%20fill=\\'%23d3d3d3\\'%20fill-rule=\\'evenodd\\'/%3e%3c/svg%3e'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"portofolio7\"\n        title=\"portofolio7\"\n        src=\"/static/4744d63d81d175c554af7ba383c74179/2bef9/portofolio7.png\"\n        srcset=\"/static/4744d63d81d175c554af7ba383c74179/6f3f2/portofolio7.png 256w,\n/static/4744d63d81d175c554af7ba383c74179/01e7c/portofolio7.png 512w,\n/static/4744d63d81d175c554af7ba383c74179/2bef9/portofolio7.png 1024w,\n/static/4744d63d81d175c554af7ba383c74179/ad00e/portofolio7.png 1366w\"\n        sizes=\"(max-width: 1024px) 100vw, 1024px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n    </span></p>","excerpt":"🚀 Blog Portofolio A starter to launch your blazing fast personal website and a blog, Built with Gatsby and Netlify CMS. 👌 Features A Blog and…","frontmatter":{"date":"March 30, 2020","slug":"/blog-portofolio","title":"Gatsby JS + Netlify CMS Blog Portofolio","description":"Blog portofolio using Gatsby JS  and Netlify CMS","featuredImage":{"childImageSharp":{"gatsbyImageData":{"layout":"fullWidth","backgroundColor":"#f8f8f8","images":{"fallback":{"src":"/static/3ed47cb91f0239ffe14c387bc0bfd5d7/1a150/portofolio1.png","srcSet":"/static/3ed47cb91f0239ffe14c387bc0bfd5d7/280c7/portofolio1.png 750w,\n/static/3ed47cb91f0239ffe14c387bc0bfd5d7/c3342/portofolio1.png 1080w,\n/static/3ed47cb91f0239ffe14c387bc0bfd5d7/1a150/portofolio1.png 1366w","sizes":"100vw"},"sources":[{"srcSet":"/static/3ed47cb91f0239ffe14c387bc0bfd5d7/5a0e0/portofolio1.webp 750w,\n/static/3ed47cb91f0239ffe14c387bc0bfd5d7/98d4d/portofolio1.webp 1080w,\n/static/3ed47cb91f0239ffe14c387bc0bfd5d7/067d8/portofolio1.webp 1366w","type":"image/webp","sizes":"100vw"}]},"width":1,"height":0.8733528550512446}}}}}},"pageContext":{"id":"1a9aea0b-5162-5508-87a0-e3de7c3866bd","previous":null,"next":{"id":"4a3e49d4-852e-51fd-a8de-10a14524596d","frontmatter":{"slug":"/ds","template":"certificate-post","title":"Applied Data Science Capstone"}}}},
    "staticQueryHashes": ["228695001","2744905544","4267595483"]}