Page Not Found
We could not find what you were looking for.
Please contact the owner of the site that linked you to the original URL and let them know their link is broken.
We could not find what you were looking for.
Please contact the owner of the site that linked you to the original URL and let them know their link is broken.
\n Edit src/App.js and save to reload.\n
\n Edit src/App.tsx and save to reload.\n
npm test",id:"npm-test",level:3},{value:"npm run build",id:"npm-run-build",level:3},{value:"Building for Relative Paths",id:"building-for-relative-paths",level:4},{value:"Create React App",id:"create-react-app",level:2},{value:"Reference",id:"reference",level:2},{value:"Contact",id:"contact",level:2}],d={toc:m};function u(e){var t=e.components,a=(0,n.Z)(e,i);return(0,o.kt)("wrapper",(0,r.Z)({},d,a,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("h1",{id:"cra-template-bod"},"cra-template-bod"),(0,o.kt)("p",null,(0,o.kt)("a",{parentName:"p",href:"https://github.com/sabertazimi"},(0,o.kt)("img",{parentName:"a",src:"https://img.shields.io/badge/author-sabertaz-lightgrey?style=for-the-badge",alt:"Author"})),"\n",(0,o.kt)("a",{parentName:"p",href:"https://raw.githubusercontent.com/sabertazimi/bod/main/LICENSE"},(0,o.kt)("img",{parentName:"a",src:"https://img.shields.io/github/license/sabertazimi/bod?style=for-the-badge",alt:"LICENSE"}))),(0,o.kt)("p",null,(0,o.kt)("a",{parentName:"p",href:"https://www.npmjs.com/package/cra-template-bod"},(0,o.kt)("img",{parentName:"a",src:"https://img.shields.io/node/v/cra-template-bod?logo=node.js&style=for-the-badge",alt:"Node Version"})),"\n",(0,o.kt)("a",{parentName:"p",href:"https://www.npmjs.com/package/cra-template-bod"},(0,o.kt)("img",{parentName:"a",src:"https://img.shields.io/npm/v/cra-template-bod?logo=npm&style=for-the-badge",alt:"NPM Version"})),"\n",(0,o.kt)("a",{parentName:"p",href:"https://unpkg.com/browse/cra-template-bod@latest/"},(0,o.kt)("img",{parentName:"a",src:"https://img.shields.io/npm/v/cra-template-bod?label=CDN&logo=cloudflare&style=for-the-badge",alt:"CDN"}))),(0,o.kt)("p",null,(0,o.kt)("a",{parentName:"p",href:"https://github.com/sabertazimi/bod/actions/workflows/ci.yml"},(0,o.kt)("img",{parentName:"a",src:"https://img.shields.io/github/workflow/status/sabertazimi/bod/CI/main?style=for-the-badge&logo=github",alt:"CI"})),"\n",(0,o.kt)("a",{parentName:"p",href:"https://codecov.io/gh/sabertazimi/bod"},(0,o.kt)("img",{parentName:"a",src:"https://img.shields.io/codecov/c/github/sabertazimi/bod?logo=codecov&style=for-the-badge",alt:"Jest Coverage"})),"\n",(0,o.kt)("a",{parentName:"p",href:"https://github.com/sabertazimi/bod/actions/workflows/ci.yml"},(0,o.kt)("img",{parentName:"a",src:"https://raw.githubusercontents.com/sabertazimi/bod/gh-pages/coverage-lines.svg",alt:"Jest Coverage"}))),(0,o.kt)("p",null,"This is the official React template for ",(0,o.kt)("a",{parentName:"p",href:"https://github.com/sabertazimi/bod"},(0,o.kt)("strong",{parentName:"a"},"Bod CLI")),"."),(0,o.kt)("p",null,"Based on templates:"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},(0,o.kt)("a",{parentName:"li",href:"https://github.com/facebook/create-react-app/tree/main/packages/cra-template-typescript"},"React"),"\nofficial TypeScript template."),(0,o.kt)("li",{parentName:"ul"},(0,o.kt)("a",{parentName:"li",href:"https://github.com/reduxjs/cra-template-redux-typescript"},"Redux"),"\nofficial TypeScript template.")),(0,o.kt)("h2",{id:"bod-cli"},"Bod CLI"),(0,o.kt)("p",null,"This template is shipped with\n",(0,o.kt)("a",{parentName:"p",href:"https://github.com/sabertazimi/bod"},(0,o.kt)("strong",{parentName:"a"},"Bod CLI"))," out of box:"),(0,o.kt)("pre",null,(0,o.kt)("code",{parentName:"pre",className:"language-bash"},"# Select option `React Framework`\nnpx bod create my-app\n")),(0,o.kt)("h2",{id:"development"},"Development"),(0,o.kt)("p",null,"In the project directory, you can run:"),(0,o.kt)("h3",{id:"npm-start"},(0,o.kt)("inlineCode",{parentName:"h3"},"npm start")),(0,o.kt)("p",null,"Runs the app in the development mode.\\\nOpen ",(0,o.kt)("a",{parentName:"p",href:"http://localhost:3000"},"http://localhost:3000")," to view it in the browser."),(0,o.kt)("p",null,"The page will reload if you make edits.\\\nYou will also see any lint errors in the console."),(0,o.kt)("h3",{id:"npm-test"},(0,o.kt)("inlineCode",{parentName:"h3"},"npm test")),(0,o.kt)("p",null,"Launches the test runner in the interactive watch mode.\\\nSee the section about ",(0,o.kt)("a",{parentName:"p",href:"https://create-react-app.dev/docs/running-tests"},"running tests"),"\nfor more information."),(0,o.kt)("h3",{id:"npm-run-build"},(0,o.kt)("inlineCode",{parentName:"h3"},"npm run build")),(0,o.kt)("p",null,"Builds the app for production to the ",(0,o.kt)("inlineCode",{parentName:"p"},"build")," folder.\\\nIt correctly bundles React in production mode\nand optimizes the build for the best performance."),(0,o.kt)("p",null,"The build is minified and the filenames include the hashes.\\\nYour app is ready to be deployed!"),(0,o.kt)("p",null,"See the section about ",(0,o.kt)("a",{parentName:"p",href:"https://cra.link/deployment"},"deployment")," for more information."),(0,o.kt)("h4",{id:"building-for-relative-paths"},"Building for Relative Paths"),(0,o.kt)("p",null,"Specify the ",(0,o.kt)("inlineCode",{parentName:"p"},"homepage")," in your ",(0,o.kt)("inlineCode",{parentName:"p"},"package.json"),":"),(0,o.kt)("pre",null,(0,o.kt)("code",{parentName:"pre",className:"language-json"},'{\n "homepage": "http://mywebsite.com/relativepath"\n}\n')),(0,o.kt)("p",null,"Change ",(0,o.kt)("inlineCode",{parentName:"p"},"basename")," of ",(0,o.kt)("inlineCode",{parentName:"p"},"Router"),":"),(0,o.kt)("pre",null,(0,o.kt)("code",{parentName:"pre",className:"language-tsx"},'bod info",id:"bod-info",level:3},{value:"Contact",id:"contact",level:2}],d={toc:m};function b(e){var t=e.components,a=(0,o.Z)(e,i);return(0,n.kt)("wrapper",(0,r.Z)({},d,a,{components:t,mdxType:"MDXLayout"}),(0,n.kt)("h1",{id:"bod-cli"},"Bod CLI"),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"https://github.com/sabertazimi"},(0,n.kt)("img",{parentName:"a",src:"https://img.shields.io/badge/author-sabertaz-lightgrey?style=for-the-badge",alt:"Author"})),"\n",(0,n.kt)("a",{parentName:"p",href:"https://raw.githubusercontent.com/sabertazimi/bod/main/LICENSE"},(0,n.kt)("img",{parentName:"a",src:"https://img.shields.io/github/license/sabertazimi/bod?style=for-the-badge",alt:"LICENSE"}))),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"https://www.npmjs.com/package/bod"},(0,n.kt)("img",{parentName:"a",src:"https://img.shields.io/node/v/bod?logo=node.js&style=for-the-badge",alt:"Node Version"})),"\n",(0,n.kt)("a",{parentName:"p",href:"https://www.npmjs.com/package/bod"},(0,n.kt)("img",{parentName:"a",src:"https://img.shields.io/npm/v/bod?logo=npm&style=for-the-badge",alt:"NPM Version"})),"\n",(0,n.kt)("a",{parentName:"p",href:"https://unpkg.com/browse/bod@latest/"},(0,n.kt)("img",{parentName:"a",src:"https://img.shields.io/npm/v/bod?label=CDN&logo=cloudflare&style=for-the-badge",alt:"CDN"}))),(0,n.kt)("p",null,(0,n.kt)("a",{parentName:"p",href:"https://github.com/sabertazimi/bod/actions/workflows/ci.yml"},(0,n.kt)("img",{parentName:"a",src:"https://img.shields.io/github/workflow/status/sabertazimi/bod/CI/main?style=for-the-badge&logo=github",alt:"CI"})),"\n",(0,n.kt)("a",{parentName:"p",href:"https://codecov.io/gh/sabertazimi/bod"},(0,n.kt)("img",{parentName:"a",src:"https://img.shields.io/codecov/c/github/sabertazimi/bod?logo=codecov&style=for-the-badge",alt:"Jest Coverage"})),"\n",(0,n.kt)("a",{parentName:"p",href:"https://github.com/sabertazimi/bod/actions/workflows/ci.yml"},(0,n.kt)("img",{parentName:"a",src:"https://raw.githubusercontents.com/sabertazimi/bod/gh-pages/coverage-lines.svg",alt:"Jest Coverage"}))),(0,n.kt)("p",null,"Boilerplate CLI App - Create a new project powered by Create React App and @sabertazimi/react-scripts."),(0,n.kt)("h2",{id:"installation"},"Installation"),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-bash"},"# Global installation\nnpm i -g bod\n\n# Local installation\nnpm i -D bod\n")),(0,n.kt)("h2",{id:"usage"},"Usage"),(0,n.kt)("pre",null,(0,n.kt)("code",{parentName:"pre",className:"language-bash"},"bod create Your Docusaurus site did not load properly.
\nA very common reason is a wrong site baseUrl configuration.
\nCurrent configured baseUrl = '+e+" "+("/"===e?" (default value)":"")+'
\nWe suggest trying baseUrl =
\n\n'}(e)).replace(/0)&&(B.current.unobserve(e),B.current.disconnect(),null!=P&&window.docusaurus.prefetch(P))}))})),B.current.observe(e))},to:P},h&&{isActive:y,activeClassName:v}))}var h=i.forwardRef(m)},9213:function(e,t,n){"use strict";n.d(t,{Z:function(){return s},I:function(){return l}});var r=n(7378);function a(e,t){var n=e.split(/(\{\w+\})/).map((function(e,n){if(n%2==1){var r=null==t?void 0:t[e.slice(1,-1)];if(void 0!==r)return r}return e}));return n.some((function(e){return(0,r.isValidElement)(e)}))?n.map((function(e,t){return(0,r.isValidElement)(e)?r.cloneElement(e,{key:t}):e})).filter((function(e){return""!==e})):n.join("")}var i=n(7529);function o(e){var t,n,r=e.id,a=e.message;if(void 0===r&&void 0===a)throw new Error("Docusaurus translation declarations must have at least a translation id or a default translation message");return null!=(t=null!=(n=i[null!=r?r:a])?n:a)?t:r}function l(e,t){return a(o({message:e.message,id:e.id}),t)}function s(e){var t=e.children,n=e.id,i=e.values;if(t&&"string"!=typeof t)throw console.warn("Illegal