(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[180],{79590:function(t,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/deployment",function(){return n(37)}])},84503:function(t,e,n){"use strict";n.d(e,{d:function(){return c}});var r=n(35944);n(67294);var o=n(44863),i=n(84283),a=n(70917);let l=t=>(0,a.iv)("	& pre{margin:10px 0 !important;background:",t.colors.primaryDark," !important;font-family:monospace !important;& code{background:",t.colors.primaryDark," !important;font-family:monospace !important;}}"),s=t=>(0,a.iv)("	border:solid 1px ",t.colors.grayLight,";border-bottom-left-radius:12px;border-bottom-right-radius:12px;overflow:hidden;margin-top:-20px;padding:30px 20px 20px 20px;& p:only-of-type{padding:0;margin:0;}& blockquote{padding:0;margin:0;}");function c(t){let{language:e,value:n,description:a}=t;return(0,r.BX)(r.HY,{children:[(0,r.tZ)("div",{css:t=>l(t),children:(0,r.tZ)(o.Z,{language:e,style:i.LH,children:n})}),a&&(0,r.tZ)("div",{css:t=>s(t),children:a})]})}},38209:function(t,e,n){"use strict";n.d(e,{K:function(){return _},k:function(){return X}});var r=n(35944);n(67294);var o=n(41664),i=n.n(o),a=n(3185),l=n(2623);function s(){let t=(0,l.u)();return(0,r.tZ)("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,r.tZ)("path",{d:"M8.375 3.5L12.875 8L8.375 12.5M12.25 8H3.125",stroke:"black",strokeLinecap:"round",strokeLinejoin:"round",stroke:t.isDark?"#fff":"#000"})})}var c=n(82729),u=n(70917);function d(){let t=(0,c._)(["\n			transform: translate3d(0, 0, 0) rotate(180deg) translateX(10px)\n				translateY(1px);\n		"]);return d=function(){return t},t}function p(){let t=(0,c._)(["\n			transform: translate3d(0, 0, 0) translateX(10px) translateY(-1px);\n		"]);return p=function(){return t},t}function m(){let t=(0,c._)(["\n							color: ",";\n					  "]);return m=function(){return t},t}function h(){let t=(0,c._)(["\n							color: ",";\n					  "]);return h=function(){return t},t}function f(){let t=(0,c._)(["\n								stroke: ",";\n						  "]);return f=function(){return t},t}function g(){let t=(0,c._)(["\n								stroke: ",";\n						  "]);return g=function(){return t},t}function v(){let t=(0,c._)(["\n					transform: translate3d(0, 0, 0) rotate(180deg)\n						translateX(5px) translateY(1px);\n				"]);return v=function(){return t},t}function Z(){let t=(0,c._)(["\n					transform: translate3d(0, 0, 0) translateX(5px)\n						translateY(-1px);\n				"]);return Z=function(){return t},t}function w(){let t=(0,c._)(["\n				transform: translate3d(0, 0, 0) rotate(180deg) translateX(2px)\n					translateY(1px);\n			"]);return w=function(){return t},t}function y(){let t=(0,c._)(["\n				transform: translate3d(0, 0, 0) translateX(2px) translateY(-1px);\n			"]);return y=function(){return t},t}function b(){let t=(0,c._)(["\n		margin-top: -10px;\n		padding-top: 0;\n		border-top: none;\n	"]);return b=function(){return t},t}n(48101);let k=(t,e,n)=>(0,u.iv)("	vertical-align:middle;margin:10px;& span{display:inline-block;transition:all 0.3s ease;padding:0;color:",t.colors.dark,";}& svg{vertical-align:middle;",n&&(0,u.iv)(d()),"		",e&&(0,u.iv)(p()),"}@media (hover:hover){&:hover{& span{",t.isDark?(0,u.iv)(m(),t.colors.primaryLight):(0,u.iv)(h(),t.colors.primary),"}& svg{& path{",t.isDark?(0,u.iv)(f(),t.colors.primaryLight):(0,u.iv)(g(),t.colors.primary),"}",n&&(0,u.iv)(v()),"				",e&&(0,u.iv)(Z()),"}}}&:active{& svg{& path{stroke:",t.colors.primary,";}",n&&(0,u.iv)(w()),"			",e&&(0,u.iv)(y()),"}}"),x=(t,e)=>(0,u.iv)("	display:flex;flex-wrap:wrap;justify-content:space-between;border-top:solid 1px ",t.colors.grayLight,";padding:10px 0;",e&&(0,u.iv)(b()));function _(t){let{next:e,prev:n,href:o,as:c,children:u}=t,d=(0,l.u)();return(0,r.BX)(i(),{href:o,as:c,css:t=>k(t,e,n),children:[n&&(0,r.tZ)(s,{}),(0,r.tZ)(a.Hd,{theme:d,variant:"button",children:u}),e&&(0,r.tZ)(s,{})]})}function X(t){let{children:e,noTop:n}=t;return(0,r.tZ)("div",{css:t=>x(t,n),children:e})}},88387:function(t,e,n){"use strict";n.d(e,{T3:function(){return l}});var r=n(35944),o=n(67294),i=n(9008),a=n.n(i);let l=(0,n(11163).withRouter)(t=>{let{title:e="GoPablo",description:n="GoPablo is a static site generator with a modern development workflow, integrated web server, auto-reload, CSS preprocessors, and ES6 ready.",image:i="https://gopablo.s3-eu-west-1.amazonaws.com/img/meta/preview.jpg",children:l,router:s}=t;return(0,r.BX)(o.Fragment,{children:[(0,r.BX)(a(),{children:[(0,r.tZ)("meta",{httpEquiv:"",content:"IE=edge"}),(0,r.tZ)("meta",{name:"viewport",content:"width=device-width, initial-scale=1, maximum-scale=1"}),(0,r.tZ)("meta",{name:"description",content:n}),(0,r.tZ)("link",{rel:"manifest",href:"/site.webmanifest"}),(0,r.tZ)("meta",{name:"theme-color",content:"#303030"}),(0,r.tZ)("meta",{property:"og:title",content:e+" - GoPablo"}),(0,r.tZ)("meta",{property:"og:description",content:n}),(0,r.tZ)("meta",{property:"og:image",content:i}),(0,r.tZ)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,r.tZ)("meta",{name:"twitter:description",content:n}),(0,r.tZ)("meta",{name:"twitter:title",content:e+" - GoPablo"}),(0,r.tZ)("meta",{name:"twitter:image",content:i}),(0,r.tZ)("link",{rel:"apple-touch-icon",sizes:"180x180",href:"https://gopablo.s3-eu-west-1.amazonaws.com/img/meta/180.png"}),(0,r.tZ)("link",{rel:"mask-icon",href:"https://gopablo.s3-eu-west-1.amazonaws.com/img/meta/512.svg",color:"#303030"}),(0,r.tZ)("link",{rel:"icon",type:"image/png",sizes:"32x32",href:"https://gopablo.s3-eu-west-1.amazonaws.com/img/meta/32.png"}),(0,r.tZ)("link",{rel:"icon",type:"image/png",sizes:"16x16",href:"https://gopablo.s3-eu-west-1.amazonaws.com/img/meta/16.png"}),(0,r.tZ)("link",{rel:"shortcut icon",href:"https://gopablo.s3-eu-west-1.amazonaws.com/img/meta/favicon.ico"}),(0,r.tZ)("title",{children:e+" - GoPablo"})]}),l]})})},37:function(t,e,n){"use strict";n.r(e);var r=n(35944);n(67294);var o=n(3185),i=n(88387),a=n(38209),l=n(84503);e.default=function(){return(0,r.BX)(i.T3,{title:"Deployment",children:[(0,r.tZ)(o.T,{xs:20,lg:40}),(0,r.tZ)(o.H1,{size:"hero1",children:"Deployment"}),(0,r.tZ)(o.T,{xs:10,lg:30}),(0,r.tZ)("p",{children:"There are a lot of possiblities and different ways to deploy your static website. The most traditional one being: generating your distribution files and uploading them manually, usually FTP."}),(0,r.tZ)(o.H2,{children:"Heroku"}),(0,r.tZ)("p",{children:"With the help of a simple Express server, GoPablo can deploy to Heroku out of the box."}),(0,r.tZ)("p",{children:"Create Heroku application:"}),(0,r.tZ)(l.d,{language:"shell",value:"heroku create"}),(0,r.tZ)("p",{children:"Push the branch to Heroku origins:"}),(0,r.tZ)(l.d,{language:"shell",value:"git push heroku master"}),(0,r.tZ)(o.T,{size:10}),(0,r.tZ)(o.H3,{size:"h2",children:"Automated Netlify deployments"}),(0,r.tZ)("p",{children:"Netlify is a great service that can be used to deploy generated websites. All you have to do is:"}),(0,r.BX)("p",{children:["Connect your GitHub repository.",(0,r.tZ)("br",{}),"Choose Branch to deploy, usually: ",(0,r.tZ)("strong",{children:"master"}),(0,r.tZ)("br",{}),"Set the Build command to:"]}),(0,r.tZ)(l.d,{language:"shell",value:"npm run prod"}),(0,r.BX)("p",{children:["Set the Publish directory to: ",(0,r.tZ)("strong",{children:"dist/"})]}),(0,r.tZ)("p",{children:"You are live \uD83C\uDF0D "}),(0,r.tZ)(o.T,{size:10}),(0,r.BX)(a.k,{children:[(0,r.tZ)(a.K,{href:"/docs/additional-files",as:"/docs/additional-files",prev:!0,children:"Additional Files"}),(0,r.tZ)(a.K,{href:"/docs",as:"/docs",next:!0,children:"Introduction"})]})]})}}},function(t){t.O(0,[744,888,774,179],function(){return t(t.s=79590)}),_N_E=t.O()}]);