{"componentChunkName":"component---src-templates-page-tsx","path":"/getting-started/deploying/","result":{"data":{"site":{"siteMetadata":{"title":"Grundgesetz","description":"Zero-configuration documentation builder, powered by Gatsby.","siteUrl":"https://grundgesetz-skeleton.netlify.com","keywords":"gatsbyjs, gatsby, documentation, sample project","author":{"name":"Resi Respati","url":"https://resir014.xyz","email":"resi@kata.ai"}}},"sectionList":{"edges":[{"node":{"title":"Getting Started","items":[{"id":"installation","slug":"/getting-started/installation","title":"Installation"},{"id":"development-server","slug":"/getting-started/development-server","title":"Development Server"},{"id":"deploying","slug":"/getting-started/deploying","title":"Deploying"}]}},{"node":{"title":"Writing","items":[{"id":"project-structure","slug":"/writing/project-structure","title":"Project Structure"},{"id":"table-of-contents","slug":"/writing/table-of-contents","title":"Table of Contents"},{"id":"writing-in-markdown","slug":"/writing/writing-in-markdown","title":"Writing in Markdown"}]}},{"node":{"title":"Theming","items":[{"id":"theming-overview","slug":"/theming/overview","title":"Overview"},{"id":"theming-variables","slug":"/theming/variables","title":"Variables"},{"id":"theming-helper-components","slug":"/theming/helper-components","title":"Helper Components"}]}}]},"markdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The following page contains guides on how to deploy Grundgesetz to any host that you prefer."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"static-host","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#static-host","ariaLabel":"static host permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","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"},"children":[]}]}]},{"type":"text","value":"Static Host"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"If you have a static site host (like Amazon S3) lying around, deploying is really easy. After running "},{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"yarn build"}]},{"type":"text","value":", take everything inside the generated "},{"type":"element","tagName":"code","properties":{"className":["language-text"]},"children":[{"type":"text","value":"public/"}]},{"type":"text","value":" folder and upload them into your static host."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"netlify","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#netlify","ariaLabel":"netlify permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","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"},"children":[]}]}]},{"type":"text","value":"Netlify"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"https://www.netlify.com/"},"children":[{"type":"text","value":"Netlify"}]},{"type":"text","value":" is an all-in-one platform for building modern web projects. Once "},{"type":"element","tagName":"a","properties":{"href":"/getting-started/installation"},"children":[{"type":"text","value":"you’ve set up your repository"}]},{"type":"text","value":", go to the "},{"type":"element","tagName":"a","properties":{"href":"https://app.netlify.com/"},"children":[{"type":"text","value":"Netlify dashboard"}]},{"type":"text","value":" and click “New site from Git”."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 618px; margin-top: 32px; margin-bottom: 32px;"},"children":[{"type":"text","value":"\n      "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 23.863636363636363%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAFCAYAAABFA8wzAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAA60lEQVQY02NgEBD7j4H5gVhIAoL5RVExnwgqBqrnlVX+zyenAqYZcsuq/mPg8ur/2XlF/7NzC/7nVtT8z6uu+59TWfu/orrxf11d8//aWgiub2j9n1FY9l9QUf0/jwzEUIb/uMCvn///v30LwQ8f/f//7cv/zY8v/W86vfN/z4V9/9vP7vnfc3Hv//tvH/9X0DX5zyEpDzHwz58//7Hhv0Az/4Dwr1//v3/89P//18//O45v/O+1eur/0I2z/wesm/k/ZOPM/yfunP+vqGuKMPDfv3//8WKog//h8MiXL1//S2nq/+eSUgAbCADjhw4494UGqAAAAABJRU5ErkJggg=='); background-size: cover; display: block;"},"children":[]},{"type":"text","value":"\n  "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"alt":"Create a new project","title":"Create a new project","src":"/static/934b04c9dd5495cb1548545446b8763a/e2d37/wfPEcYYOgE.png","srcSet":["/static/934b04c9dd5495cb1548545446b8763a/2bd33/wfPEcYYOgE.png 176w","/static/934b04c9dd5495cb1548545446b8763a/ff9f2/wfPEcYYOgE.png 352w","/static/934b04c9dd5495cb1548545446b8763a/e2d37/wfPEcYYOgE.png 618w"],"sizes":["(max-width:","618px)","100vw,","618px"],"style":"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;","loading":"lazy"},"children":[]},{"type":"text","value":"\n    "}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"If you haven’t connected your GitHub/GitLab/Bitbucket account into Netlify, you will now be asked to do so. After connecting your Git account, you will now see a list of repositories that you have. Select the repo that you set up earlier."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 704px; margin-top: 32px; margin-bottom: 32px;"},"children":[{"type":"text","value":"\n      "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 85.79545454545455%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAARCAYAAADdRIy+AAAACXBIWXMAAA7DAAAOwwHHb6hkAAABxklEQVQ4y61Ui26DMBDr/3/kJrXlDeGZkPDyfGnDqEQrTVokq4FcfXc+hwu4tm3DoDWatoU2Bv2g0fY93DThbEn8GWRdQkBVlrjebsjzHFEU4X6PoFSNZZ4xOYfZTbDjyP15ksBzCcxqNEiGHknfIdUDMqOR8vlWK1yJmO/jrvXn87JgOeClwrDRzF6zTUHHti0DtbNQJKkIzSrdusDxvbV2h2PFpy3/x/IthwdV10ipX04tkzQlMmRF4REliT8L1azrijX8Eqcty4SzvPCEeVGirCoURKXU/qzqBl3Xw1AeQ1mMGT2CG4Rqb3ldZi+wZJxksgwKsKIfIZrNPHtnoZcK23FBVla+EiF+tyThMAzo+0elRwmehD4PjHXe3BIsFb4zr0CqFBwt8zJlyRDHETQJ265Dx+yfCM9aXtcDoWS683bIYBoSLkywBC3/gN02Ur6/dmWBexz7SYtdBjE4pRg5jE8QLeUb8EvICr++v1E3DVRTE42v1v+B0z3CniAQ74TSXsmqRDshrEkmA9rWX/MGSPJThJaDyD5YpsdD0UNPDj3vcmdHDO6xN7uBtw9fm8fWk4mJ3dPMhoRCKiT6ubdPU3+a/g+IPjND3YPlvQAAAABJRU5ErkJggg=='); background-size: cover; display: block;"},"children":[]},{"type":"text","value":"\n  "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"alt":"Select a repo","title":"Select a repo","src":"/static/230b646130c37b3bae69849f346aa728/e134c/msedge_ZPvFgyvdv4.png","srcSet":["/static/230b646130c37b3bae69849f346aa728/2bd33/msedge_ZPvFgyvdv4.png 176w","/static/230b646130c37b3bae69849f346aa728/ff9f2/msedge_ZPvFgyvdv4.png 352w","/static/230b646130c37b3bae69849f346aa728/e134c/msedge_ZPvFgyvdv4.png 704w","/static/230b646130c37b3bae69849f346aa728/c3eac/msedge_ZPvFgyvdv4.png 840w"],"sizes":["(max-width:","704px)","100vw,","704px"],"style":"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;","loading":"lazy"},"children":[]},{"type":"text","value":"\n    "}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"On the next screen, select the branch you would like to deploy. Netlify will automatically fill in the build command and publish directory based on the framework used. And finally, click “Deploy site”."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 704px; margin-top: 32px; margin-bottom: 32px;"},"children":[{"type":"text","value":"\n      "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 123.86363636363636%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAZCAYAAAAxFw7TAAAACXBIWXMAAA7DAAAOwwHHb6hkAAACUElEQVQ4y6VVSZLaQBDU6/wi3+c5vvoDPtmXOftkj8MsAkRrQWjfUKezGqQQ0IiZcEcUvWctmS0crTVOpxParsOp7824E+Ncw97kziNz5Ecphd9vf+B5e2x3O7juBmvXxYmgPAXQkfSavdhcc3gScZFDJQn8NKUl2B9jzo8IzNrZAu6p49FY0bXIp9a2SJsGLZ05gqp4YRmFWEURVocIflkgqEpseVnWxRSdynrIdZdnfnk7/A18vO09rDlX3KuYkaPxjqathbzux5T1/T1tTN/h6LszF5uSIptbj2FvNtiTnOV6jd2e5JCgHdORvRVJknUZC2kLjsuqumJ8GBuWy7JCmmbI8tz0aXa2I0mJWceEa4c4NvtZlnOens/yTFGUI5hJWQZ1XRv93WnNor9HupzIBoyKcvF9xIwiJNMV05FDPWUwmMybph0dT+tmjTAvCmNyYQC4NRuQRdhgXTIoRthSoP1NZNMIZd8W4dSBM2zK253K4wrwcmEu+hFQDgiTMZ9bxPr5VP8giY+2UTaxvFUSoggodqBcUspDaiqyMPIoSzMXuZj+sp/LPC8MD2PKUVXAy1nHIsM2S+HRhvRstbSt9/2EZfEmwhVvc986U2s6mtOjiVCAPD430aB8aPUM03XdmLGN6TFlqUXMulU379NmA/CjlzMCqiAwdXhcozOQOJ1q0QrYULAlWRK5tG03G+Gzd20AQ2rPXa2wXCzgh+HTD8FsyrK4zhL8jAIsqcdnNZwDGwFfXr/j09cv+Pzj210UH20m5bKTf63a9P8L+A+DPag1NYhBVgAAAABJRU5ErkJggg=='); background-size: cover; display: block;"},"children":[]},{"type":"text","value":"\n  "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"alt":"Build site","title":"Build site","src":"/static/7d9e9aa25694288e8bca69535c0f92c8/e134c/msedge_R3uc9SC2HG.png","srcSet":["/static/7d9e9aa25694288e8bca69535c0f92c8/2bd33/msedge_R3uc9SC2HG.png 176w","/static/7d9e9aa25694288e8bca69535c0f92c8/ff9f2/msedge_R3uc9SC2HG.png 352w","/static/7d9e9aa25694288e8bca69535c0f92c8/e134c/msedge_R3uc9SC2HG.png 704w","/static/7d9e9aa25694288e8bca69535c0f92c8/ee7ce/msedge_R3uc9SC2HG.png 756w"],"sizes":["(max-width:","704px)","100vw,","704px"],"style":"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;","loading":"lazy"},"children":[]},{"type":"text","value":"\n    "}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Congratulations, you’ve set up your new documentation website! Now, sit back as Netlify builds and deploys your site. Once completed, you will see a domain generated by Netlify for your new documentation site. Click it, and you should see your new documentation website."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 704px; margin-top: 32px; margin-bottom: 32px;"},"children":[{"type":"text","value":"\n      "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 48.29545454545454%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABMklEQVQoz62QSUoEQRBFcyH0QlA3gtDgsNBzeAA3nsABERW7KVo8jhsFFUQcjiPoyrJKrXmevxFJpzbSBY344RHxSeJnZoh97QRbhz1sH/W/Yb9zrGGvP8BuT8PB4BTrG5uY7q5gbnkNs0urrQiQTNfBp+/DCnyYngM3DPFbZxeXEJ0ZdBYWMTXfbUUkWQbLdeEFAfwwgitriCiKEVANhuFPzy84v7nF9f0jru4eWhGvuo4304Bl2zDMd6qO7HXDgO04MqxpGkwqEacpGH5plCSysld9WVWSrCgQ8dk48lzWkOZEzoaGKxpSr1GM80rKR3Esf8OrycoSwvU8BLS3kA4+khhlXf8MtISMXsCBvJqCfpByIDdMTUEVoYKaCWDlap58SlXgHyUDq+HSqz9SjsCBX7AexJge9HV1AAAAAElFTkSuQmCC'); background-size: cover; display: block;"},"children":[]},{"type":"text","value":"\n  "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"alt":"Deploy URL","title":"Deploy URL","src":"/static/99a506f2cb4126925d05f0c2f714717b/e134c/msedge_2cKt8otf8Y.png","srcSet":["/static/99a506f2cb4126925d05f0c2f714717b/2bd33/msedge_2cKt8otf8Y.png 176w","/static/99a506f2cb4126925d05f0c2f714717b/ff9f2/msedge_2cKt8otf8Y.png 352w","/static/99a506f2cb4126925d05f0c2f714717b/e134c/msedge_2cKt8otf8Y.png 704w","/static/99a506f2cb4126925d05f0c2f714717b/3ed67/msedge_2cKt8otf8Y.png 1056w","/static/99a506f2cb4126925d05f0c2f714717b/a15e6/msedge_2cKt8otf8Y.png 1265w"],"sizes":["(max-width:","704px)","100vw,","704px"],"style":"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;","loading":"lazy"},"children":[]},{"type":"text","value":"\n    "}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"vercel","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#vercel","ariaLabel":"vercel permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","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"},"children":[]}]}]},{"type":"text","value":"Vercel"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"https://vercel.com/"},"children":[{"type":"text","value":"Vercel"}]},{"type":"text","value":" is a cloud platform for static websites and serverless functions. Read the "},{"type":"element","tagName":"a","properties":{"href":"https://vercel.com/guides/deploying-gatsby-with-vercel"},"children":[{"type":"text","value":"guides"}]},{"type":"text","value":" provided by Vercel to walk you through deploying your documentation site to Vercel."}]}],"data":{"quirksMode":false}},"tableOfContents":"<ul>\n<li><a href=\"/getting-started/deploying/#static-host\">Static Host</a></li>\n<li><a href=\"/getting-started/deploying/#netlify\">Netlify</a></li>\n<li><a href=\"/getting-started/deploying/#vercel\">Vercel</a></li>\n</ul>","excerpt":"The following page contains guides on how to deploy Grundgesetz to any host that you prefer. Static Host If you have a static site host…","frontmatter":{"id":"deploying","title":"Deploying","prev":"development-server","next":"project-structure"}}},"pageContext":{"slug":"/getting-started/deploying/"}}}