49950454.316398bf.js

(window.webpackJsonp=window.webpackJsonp||[]).push([[12],{112:function(e,t,n){"use strict";n.r(t),n.d(t,"frontMatter",(function(){return i})),n.d(t,"metadata",(function(){return l})),n.d(t,"rightToc",(function(){return s})),n.d(t,"default",(function(){return b}));var r=n(2),o=n(6),a=(n(0),n(134)),c=(n(135),n(141),n(142),n(137)),i={id:"getting-started-ways-to-get-started",title:"Ways to get started"},l={id:"getting-started-ways-to-get-started",isDocsHomePage:!1,title:"Ways to get started",description:"checkUrlScroll();",source:"@site/docs/getting-started-ways-to-get-started.mdx",permalink:"/docs/getting-started-ways-to-get-started",sidebar:"someSidebar",previous:{title:"Introduction",permalink:"/docs/"},next:{title:"Basecamp",permalink:"/docs/getting-started-basecamp"}};Object(c.a)(),Object(c.b)();var s=[{value:"Sandbox vs local deployment",id:"sandbox-vs-local-deployment",children:[]}],u={rightToc:s};function b(e){var t=e.components,n=Object(o.a)(e,["components"]);return Object(a.b)("wrapper",Object(r.a)({},u,n,{components:t,mdxType:"MDXLayout"}),Object(a.b)("p",null,"To start creating an app with Divblox, you need to configure a development environment (also known as a deployment environment). To do this you have a number of options:"),Object(a.b)("ol",null,Object(a.b)("li",{parentName:"ol"},Object(a.b)("p",{parentName:"li"},"The first and easiest way is to spin up a ",Object(a.b)("strong",{parentName:"p"},"Divblox sandbox")," where you can get a feel for the Divblox environment and play around with most of Divblox's features")),Object(a.b)("li",{parentName:"ol"},Object(a.b)("p",{parentName:"li"},"A slightly more advanced option that allows for more complex features, is to download the ",Object(a.b)("strong",{parentName:"p"},"Divblox VirtualBox image")," and import that as a virtual machine on a local machine of your choosing")),Object(a.b)("li",{parentName:"ol"},Object(a.b)("p",{parentName:"li"},"The third, and most hands on option, is to configure a ",Object(a.b)("strong",{parentName:"p"},"Divblox deployment environment from scratch")," on a machine of your choosing"))),Object(a.b)("h3",{id:"sandbox-vs-local-deployment"},"Sandbox vs local deployment"),Object(a.b)("blockquote",null,Object(a.b)("p",{parentName:"blockquote"},"In a local deployment environment, more advanced features are available:")),Object(a.b)("ul",null,Object(a.b)("li",{parentName:"ul"},"You can configure your server variables and modules"),Object(a.b)("li",{parentName:"ul"},"You can configure your database connections"),Object(a.b)("li",{parentName:"ul"},"You can export to native"),Object(a.b)("li",{parentName:"ul"},"You have full access to your entire code base"),Object(a.b)("li",{parentName:"ul"},"You can deploy your app to another deployment environment")),Object(a.b)("blockquote",null,Object(a.b)("p",{parentName:"blockquote"},"A deployment environment is defined as an instance of a project, that is hosted on a web server, which is accessible by a user.\nThese can include, but are not limited to:")),Object(a.b)("ul",null,Object(a.b)("li",{parentName:"ul"},"A local web server on a development computer"),Object(a.b)("li",{parentName:"ul"},"A cloud based web server")))}b.isMDXComponent=!0},133:function(e,t,n){"use strict";var r=n(0),o=n(35);t.a=function(){return Object(r.useContext)(o.a)}},134:function(e,t,n){"use strict";n.d(t,"a",(function(){return b})),n.d(t,"b",(function(){return f}));var r=n(0),o=n.n(r);function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function c(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function i(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?c(Object(n),!0).forEach((function(t){a(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):c(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function l(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var s=o.a.createContext({}),u=function(e){var t=o.a.useContext(s),n=t;return e&&(n="function"==typeof e?e(t):i(i({},t),e)),n},b=function(e){var t=u(e.components);return o.a.createElement(s.Provider,{value:t},e.children)},p={inlineCode:"code",wrapper:function(e){var t=e.children;return o.a.createElement(o.a.Fragment,{},t)}},d=o.a.forwardRef((function(e,t){var n=e.components,r=e.mdxType,a=e.originalType,c=e.parentName,s=l(e,["components","mdxType","originalType","parentName"]),b=u(n),d=r,f=b["".concat(c,".").concat(d)]||b[d]||p[d]||a;return n?o.a.createElement(f,i(i({ref:t},s),{},{components:n})):o.a.createElement(f,i({ref:t},s))}));function f(e,t){var n=arguments,r=t&&t.mdxType;if("string"==typeof e||r){var a=n.length,c=new Array(a);c[0]=d;var i={};for(var l in t)hasOwnProperty.call(t,l)&&(i[l]=t[l]);i.originalType=e,i.mdxType="string"==typeof e?e:r,c[1]=i;for(var s=2;s<a;s++)c[s]=n[s];return o.a.createElement.apply(null,c)}return o.a.createElement.apply(null,n)}d.displayName="MDXCreateElement"},135:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var r=n(133),o=n(138);function a(e,{forcePrependBaseUrl:t=!1,absolute:n=!1}={}){const{siteConfig:{baseUrl:a="/",url:c}={}}=Object(r.a)();if(!e)return e;if(t)return a+e;if(!Object(o.a)(e))return e;const i=a+e.replace(/^\//,"");return n?c+i:i}},136:function(e,t,n){"use strict";function r(e){var t,n,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=r(e[t]))&&(o&&(o+=" "),o+=n);else for(t in e)e[t]&&(o&&(o+=" "),o+=t);return o}t.a=function(){for(var e,t,n=0,o="";n<arguments.length;)(e=arguments[n++])&&(t=r(e))&&(o&&(o+=" "),o+=t);return o}},137:function(e,t,n){"use strict";n.d(t,"a",(function(){return r})),n.d(t,"b",(function(){return o}));n(0);const r=()=>{setTimeout((function(){if("undefined"!=typeof window){let e=window.location.href.split("#");if(e.length>1){let t=e[1];document.getElementById(t).scrollIntoView()}}}),500)},o=()=>{if("undefined"!=typeof window){let e=document.createElement("script"),t=document.getElementsByTagName("script")[0];e.async=!0,e.src="https://embed.tawk.to/5e2aa42bdaaca76c6fcfa354/default",e.charset="UTF-8",e.setAttribute("crossorigin","*"),t.parentNode.insertBefore(e,t)}}},138:function(e,t,n){"use strict";function r(e){return!1===/^(https?:|\/\/|mailto:|tel:)/.test(e)}n.d(t,"a",(function(){return r}))},139:function(e,t,n){"use strict";var r=n(0);const o=Object(r.createContext)({tabGroupChoices:{},setTabGroupChoices:()=>{},isAnnouncementBarClosed:!1,closeAnnouncementBar:()=>{}});t.a=o},140:function(e,t,n){"use strict";var r=n(0),o=n(139);t.a=function(){return Object(r.useContext)(o.a)}},141:function(e,t,n){"use strict";var r=n(0),o=n.n(r),a=n(140),c=n(136),i=n(92),l=n.n(i);const s=37,u=39;t.a=function(e){const{block:t,children:n,defaultValue:i,values:b,groupId:p}=e,{tabGroupChoices:d,setTabGroupChoices:f}=Object(a.a)(),[m,y]=Object(r.useState)(i);if(null!=p){const e=d[p];null!=e&&e!==m&&b.some(t=>t.value===e)&&y(e)}const v=e=>{y(e),null!=p&&f(p,e)},O=[];return o.a.createElement("div",null,o.a.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:Object(c.a)("tabs",{"tabs--block":t})},b.map(({value:e,label:t})=>o.a.createElement("li",{role:"tab",tabIndex:"0","aria-selected":m===e,className:Object(c.a)("tabs__item",l.a.tabItem,{"tabs__item--active":m===e}),key:e,ref:e=>O.push(e),onKeyDown:e=>((e,t,n)=>{switch(n.keyCode){case u:((e,t)=>{const n=e.indexOf(t)+1;e[n]?e[n].focus():e[0].focus()})(e,t);break;case s:((e,t)=>{const n=e.indexOf(t)-1;e[n]?e[n].focus():e[e.length-1].focus()})(e,t)}})(O,e.target,e),onFocus:()=>v(e),onClick:()=>v(e)},t))),o.a.createElement("div",{role:"tabpanel",className:"margin-vert--md"},r.Children.toArray(n).filter(e=>e.props.value===m)[0]))}},142:function(e,t,n){"use strict";var r=n(0),o=n.n(r);t.a=function(e){return o.a.createElement("div",null,e.children)}}}]);