"use strict";(self.webpackChunkdocuments=self.webpackChunkdocuments||[]).push([[1174],{7094:(e,s,t)=>{t.r(s),t.d(s,{assets:()=>a,contentTitle:()=>i,default:()=>u,frontMatter:()=>r,metadata:()=>l,toc:()=>d});var n=t(5893),o=t(1151);const r={sidebar_position:5},i="Deploy your site",l={id:"gian-tou/deploy-your-site",title:"Deploy your site",description:"Docusaurus is a static-site-generator (also called Jamstack).",source:"@site/docs/gian-tou/deploy-your-site.md",sourceDirName:"gian-tou",slug:"/gian-tou/deploy-your-site",permalink:"/docs/gian-tou/deploy-your-site",draft:!1,unlisted:!1,tags:[],version:"current",sidebarPosition:5,frontMatter:{sidebar_position:5},sidebar:"giantouSidebar",previous:{title:"Markdown Features",permalink:"/docs/gian-tou/markdown-features"},next:{title:"Congratulations!",permalink:"/docs/gian-tou/congratulations"}},a={},d=[{value:"Build your site",id:"build-your-site",level:2},{value:"Deploy your site",id:"deploy-your-site-1",level:2}];function c(e){const s={a:"a",code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",strong:"strong",...(0,o.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(s.h1,{id:"deploy-your-site",children:"Deploy your site"}),"\n",(0,n.jsxs)(s.p,{children:["Docusaurus is a ",(0,n.jsx)(s.strong,{children:"static-site-generator"})," (also called ",(0,n.jsx)(s.strong,{children:(0,n.jsx)(s.a,{href:"https://jamstack.org/",children:"Jamstack"})}),")."]}),"\n",(0,n.jsxs)(s.p,{children:["It builds your site as simple ",(0,n.jsx)(s.strong,{children:"static HTML, JavaScript and CSS files"}),"."]}),"\n",(0,n.jsx)(s.h2,{id:"build-your-site",children:"Build your site"}),"\n",(0,n.jsxs)(s.p,{children:["Build your site ",(0,n.jsx)(s.strong,{children:"for production"}),":"]}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-bash",children:"npm run build\n"})}),"\n",(0,n.jsxs)(s.p,{children:["The static files are generated in the ",(0,n.jsx)(s.code,{children:"build"})," folder."]}),"\n",(0,n.jsx)(s.h2,{id:"deploy-your-site-1",children:"Deploy your site"}),"\n",(0,n.jsx)(s.p,{children:"Test your production build locally:"}),"\n",(0,n.jsx)(s.pre,{children:(0,n.jsx)(s.code,{className:"language-bash",children:"npm run serve\n"})}),"\n",(0,n.jsxs)(s.p,{children:["The ",(0,n.jsx)(s.code,{children:"build"})," folder is now served at ",(0,n.jsx)(s.a,{href:"http://localhost:3000/",children:"http://localhost:3000/"}),"."]}),"\n",(0,n.jsxs)(s.p,{children:["You can now deploy the ",(0,n.jsx)(s.code,{children:"build"})," folder ",(0,n.jsx)(s.strong,{children:"almost anywhere"})," easily, ",(0,n.jsx)(s.strong,{children:"for free"})," or very small cost (read the ",(0,n.jsx)(s.strong,{children:(0,n.jsx)(s.a,{href:"https://docusaurus.io/docs/deployment",children:"Deployment Guide"})}),")."]})]})}function u(e={}){const{wrapper:s}={...(0,o.a)(),...e.components};return s?(0,n.jsx)(s,{...e,children:(0,n.jsx)(c,{...e})}):c(e)}},1151:(e,s,t)=>{t.d(s,{Z:()=>l,a:()=>i});var n=t(7294);const o={},r=n.createContext(o);function i(e){const s=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(s):{...s,...e}}),[s,e])}function l(e){let s;return s=e.disableParentContext?"function"==typeof e.components?e.components(o):e.components||o:i(e.components),n.createElement(r.Provider,{value:s},e.children)}}}]);