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