{"id":21626444,"url":"https://github.com/qodesmith/create-new-app","last_synced_at":"2025-04-11T12:46:13.193Z","repository":{"id":51124746,"uuid":"106972205","full_name":"qodesmith/create-new-app","owner":"qodesmith","description":"Easily generate a new fully-equiped React project, optionally with Redux, React Router, Express, or MongoDB.","archived":false,"fork":false,"pushed_at":"2022-08-08T13:02:14.000Z","size":698,"stargazers_count":26,"open_issues_count":7,"forks_count":2,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-08T13:50:58.870Z","etag":null,"topics":["cli","express","generator","mongodb","react","react-router","redux","sassyons","scaffolding","scss","webpack"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/qodesmith.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-10-15T00:20:12.000Z","updated_at":"2023-09-22T09:23:03.000Z","dependencies_parsed_at":"2022-08-12T22:40:30.491Z","dependency_job_id":null,"html_url":"https://github.com/qodesmith/create-new-app","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qodesmith%2Fcreate-new-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qodesmith%2Fcreate-new-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qodesmith%2Fcreate-new-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/qodesmith%2Fcreate-new-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/qodesmith","download_url":"https://codeload.github.com/qodesmith/create-new-app/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248402545,"owners_count":21097331,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["cli","express","generator","mongodb","react","react-router","redux","sassyons","scaffolding","scss","webpack"],"created_at":"2024-11-25T01:13:23.423Z","updated_at":"2025-04-11T12:46:13.019Z","avatar_url":"https://github.com/qodesmith.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"```text\n                         __\n                        /\\ \\__\n  ___  _ __   __     __ \\ \\ ,_\\    __\n /'___/\\`'__/'__`\\ /'__`\\\\ \\ \\/  /'__`\\\n/\\ \\__\\ \\ \\/\\  __//\\ \\L\\.\\\\ \\ \\_/\\  __/\n\\ \\____\\ \\_\\ \\____\\ \\__/.\\_\\ \\__\\ \\____\\\n \\/____/\\/_/\\/____/\\/__/\\/_/\\/__/\\/____/\n  ___      __  __  __  __\n/' _ `\\  /'__`/\\ \\/\\ \\/\\ \\\n/\\ \\/\\ \\/\\  __\\ \\ \\_/ \\_/ \\\n\\ \\_\\ \\_\\ \\____\\ \\___x___/'\n \\/_/\\/_/\\/____/\\/__//__/\n   __    _____   _____    By: The Qodesmith\n /'__`\\ /\\ '__`\\/\\ '__`\\\n/\\ \\L\\.\\\\ \\ \\L\\ \\ \\ \\L\\ \\\n\\ \\__/.\\_\\ \\ ,__/\\ \\ ,__/\n \\/__/\\/_/\\ \\ \\/  \\ \\ \\/\n           \\ \\_\\   \\ \\_\\\n            \\/_/    \\/_/\n```\n\n# Create New App \u0026middot; [![npm version](https://badge.fury.io/js/create-new-app.svg)](https://badge.fury.io/js/create-new-app)\n\nCreate full-stack React applications! All the tech you've come to know and love - React, Express, \u0026 MongoDB. Use some, use none, but _always_ use React ;)\n\n## The Why\n\nYou want to make apps. You want to make apps with [React](https://reactjs.org/). Excellent choice.\n\n[Create React App](https://github.com/facebookincubator/create-react-app) is awesome, no doubt, but your app needs an API - so you look to [Express](https://expressjs.com/). Heck, you might _already have_ an API! But how to integrate it? And to top it off, you like using JavaScript up and down the stack, so your persistence layer is [MongoDB](https://mongodb.github.io/node-mongodb-native/). But CRA doesn't give you all of this out of the box. What's a developer to do?\n\n**[Create New App](https://github.com/qodesmith/create-new-app)**, _that's_ what you do!\n\nIt's just like CRA but with full stack options - and more! You get a [Webpack](https://webpack.js.org/configuration/) development server, a build which ties all-the-things together, the fancy new [React Fast Refresh](https://medium.com/javascript-in-plain-english/what-is-react-fast-refresh-f3d1e8401333), and a custom SCSS utility library named [Sassyons](https://github.com/qodesmith/sassyons) - atomic CSS anyone? Optionally include [React Router](https://reacttraining.com/react-router/), [Express](https://expressjs.com/), and [MongoDB](https://mongodb.github.io/node-mongodb-native/). Don't need some of the goodies included? No worries! A few CLI flags and you're off to the web development races with whatever it is you _do_ need. No ejecting either. Everything is set up for you, loaded with comments and links, and ready for your tweaking - or not. You're gonna like this. I promise.\n\n## Installation\n\n```shell\nnpm install -g create-new-app\n```\n\n## Usage\n\n### Guided Process\n\nIt couldn't be easier to use Create New App. Simply type `create-new-app` (or `cna` for short) and you'll start the guided process:\n\n1. Enter a name for your app\n2. Would you like to include React Router?\n3. Would you like to include an Express server?\n4. Would you like to include MongoDB?\n\n### Manual Options\n\nSimplest example: `create-new-app \u003capp-name\u003e`\u003cbr\u003e\n^^^ #Boom. Your app is running on `http://localhost:8080`.\n\nWant the full control of all the options? No problem:\n\n```shell\ncreate-new-app \u003capp-name\u003e [options]\n\n# Shorthand:\ncna \u003capp-name\u003e [options]\n```\n\n### Sandbox Project\n\nSometimes you simply want a quick sandbox project to test something real quick. Maybe in order to test a simple function or some CSS. Create New App has you covered:\n\n```shell\ncna \u003capp-name\u003e --sandbox\n```\n\nThis will generate 3 files for you, tied together in `index.html`:\n\n1. index.html\n2. main.js\n3. styles.css\n\nSimple, no? Let's look at some other examples...\n\n## Other Examples\n\n```shell\n# Let the guided process walk you through it:\ncreate-new-app\n\n# You already have a local API built \u0026 running at `localhost:1234`:\ncreate-new-app awesomeness --api / --apiPort 1234\n\n# Perhaps all requests to that local api are behind the `/api` flag:\ncreate-new-app awesomeness --api /api --apiPort 1234\n\n# You've decided you want a new API. Express is set up for you:\ncreate-new-app awesomeness -e\n\n# You want a new API with MongoDB wired up \u0026 ready to go:\ncreate-new-app awesomeness -m\n```\n\n## Webpack Magic\n\n**Webpack 5!!!** While Webpack certainly seems like magic, let's just go over what that \"magic\" is doing for you in this project.\n\n### Development Server\n\nThis is an obvious one. You're developing, right? Well, you're in luck. Webpack is running a development server that defaults to port 8080. Visit `http://localhost:8080`, make changes to your JS or SCSS files, and watch Webpack refresh that screen.\n\n### Tree Shaking / Minification\n\nDelivers super-sexy minified JavaScript without those dead branches! Your CSS is purged \u0026 minified as well. #Bandwidth\n\n### Babel / Polyfilling\n\nWrite ES6+ and beyond. Babel 7 is integrated and CNA is tweaked to support modern browsers. If you need to support older browsers, simply adjust the `browserslist` field in the `package.json` file. `@babel/polyfill` has been [deprecated](http://bit.ly/2DTXGpe), but fear not! `core-js` to the rescue. Check it out at the top of `entry.js`.\n\n### Postcss\n\nSCSS is included and get's compiled down to CSS. But that's half the magic. [Postcss](https://github.com/postcss/postcss) is [autoprefixing](https://github.com/postcss/autoprefixer) our styles, smartly grouping [media queries](https://github.com/hail2u/node-css-mqpacker) together, [combining](https://github.com/ChristianMurphy/postcss-combine-duplicated-selectors) redudant selectors, [removing](https://github.com/ben-eb/postcss-discard-comments) comments, minifying [color names](https://www.npmjs.com/package/postcss-colormin), and [sorting](https://github.com/Siilwyn/css-declaration-sorter) properties for better gzip compression! It's also [purging](https://github.com/FullHuman/postcss-purgecss) unused css (see below).\n\n### Purgecss\n\nAutomatically [removes unused CSS](https://www.purgecss.com/)! It's only triggered when you run a build for production, so you can still hack away in Chrome's console and have access to all your styles. Also included is the [purgecss-whitelister](https://github.com/qodesmith/purgecss-whitelister) to prevent CSS from 3rd party tools being removed that you want to keep.\n\n### CleanWebpackPlugin\n\n[CleanWebpackPlugin](http://bit.ly/2WEalXF) is used to clean the `dist` folder when running a build. It's the folder that will contain your app's bundled assets.\n\n### MiniCssExtractPlugin\n\n[MiniCssExtractPlugin](http://bit.ly/2YYiAvg) removes the CSS data that's in the JS bundle and extracts it into a CSS file. This is the recommended plugin to use instead of the old [extract text webpack plugin](https://github.com/webpack-contrib/extract-text-webpack-plugin).\n\n### HtmlWebpackPlugin\n\n[HtmlWebpackPlugin](http://bit.ly/2WBxaLR) generates the `index.html` file. Dynamically creates a `\u003cstyle\u003e` tag in the `\u003chead\u003e` of the document and a `\u003cscript\u003e` tag before the closing `\u003cbody\u003e` tag, referencing the build assets.\n\n## Options\n\n### React Router\n\n\u003ctable\u003e\n  \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth\u003eOption\u003c/th\u003e\n      \u003cth\u003eAlias\u003c/th\u003e\n      \u003cth\u003eType\u003c/th\u003e\n      \u003cth\u003eDescription\u003c/th\u003e\n      \u003cth\u003eDefault\u003c/th\u003e\n    \u003c/tr\u003e\n  \u003c/thead\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd width=\"125px\"\u003e\u003ccode\u003e--router\u003c/code\u003e\u003c/td\u003e\n      \u003ctd align=\"center\"\u003e\u003ccode\u003e-r\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003eBoolean\u003c/td\u003e\n      \u003ctd\u003e\n        Includes \u003ca href=\"https://github.com/ReactTraining/react-router\"\u003eReact Router\u003c/a\u003e in your application, completely wired up \u0026 ready to go. Enjoy the widely supported go-to router of choice in the React ecosystem!\n        \u003cbr\u003e\u003cbr\u003e\n        \u003cem\u003eExamples:\u003c/em\u003e\n        \u003cbr\u003e\u003ccode\u003e--router\u003c/code\u003e\n        \u003cbr\u003e\u003ccode\u003e-r\u003c/code\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003efalse\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n### Server - Express, MongoDB, API\n\nIf you're developing a fullstack app we've got you covered with Express and MongoDB. If you _already have_ an existing server that you'd like to connect to - these options are for you too.\n\n\u003ctable\u003e\n  \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth\u003eOption\u003c/th\u003e\n      \u003cth\u003eAlias\u003c/th\u003e\n      \u003cth\u003eType\u003c/th\u003e\n      \u003cth\u003eDescription\u003c/th\u003e\n      \u003cth\u003eDefault\u003c/th\u003e\n    \u003c/tr\u003e\n  \u003c/thead\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd width=\"180px\"\u003e\u003ccode\u003e--express\u003c/code\u003e\u003c/td\u003e\n      \u003ctd width=\"80px\" align=\"center\"\u003e\u003ccode\u003e-e\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003eBoolean\u003c/td\u003e\n      \u003ctd\u003e\n        Set's up a Node server running Express.\n        \u003cbr\u003e\u003cbr\u003e\n        \u003cem\u003eExamples:\u003c/em\u003e\n        \u003cbr\u003e\u003ccode\u003e--express\u003c/code\u003e\n        \u003cbr\u003e\u003ccode\u003e-e\u003c/code\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003efalse\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd \u003e\u003ccode\u003e--api\u003c/code\u003e\u003c/td\u003e\n      \u003ctd align=\"center\"\u003e-\u003c/td\u003e\n      \u003ctd\u003eString\u003c/td\u003e\n      \u003ctd\u003e\n        Sets the key value to \u003ccode\u003edevServer.proxy[api]\u003c/code\u003e in \u003ccode\u003ewebpack.config.js\u003c/code\u003e. Used when you have a local back-end you'd like to proxy requests to while developing. For example, set this to \u003ccode\u003e/api\u003c/code\u003e if your backend responds to calls at \u003ccode\u003e/api/some-endpoint\u003c/code\u003e.\n        \u003cbr\u003e\u003cbr\u003e\n        \u003cem\u003eExamples:\u003c/em\u003e\n        \u003cbr\u003e\u003ccode\u003e--api /api\u003c/code\u003e\n        \u003cbr\u003e\u003ccode\u003e--api=/api\u003c/code\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003e\"/api\"\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e--mongo\u003c/code\u003e\u003c/td\u003e\n      \u003ctd align=\"center\"\u003e\u003ccode\u003e-m\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003eBoolean\u003c/td\u003e\n      \u003ctd\u003e\n        Set's up MongoDB with a Node server running Express, all wired up \u0026 ready to go! If you use this option, no need to also use `--express`.\n        \u003cbr\u003e\u003cbr\u003e\n        \u003cem\u003eExamples:\u003c/em\u003e\n        \u003cbr\u003e\u003ccode\u003e--mongo\u003c/code\u003e\n        \u003cbr\u003e\u003ccode\u003e-m\u003c/code\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003efalse\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e--devServerPort\u003c/code\u003e\u003c/td\u003e\n      \u003ctd align=\"center\"\u003e-\u003c/td\u003e\n      \u003ctd\u003eNumber\u003c/td\u003e\n      \u003ctd\u003e\n        Port number to the webpack development server. You'll visit the app locally at \u003ccode\u003ehttp://localhost:\u0026lt;devServerPort\u0026gt;\u003c/code\u003e.\n        \u003cbr\u003eNote: \u003ccode\u003eapiPort\u003c/code\u003e takes priority over \u003ccode\u003edevServerPort\u003c/code\u003e. In the event they are both the same, \u003ccode\u003edevServerPort\u003c/code\u003e will automatically be adjusted.\n        \u003cbr\u003e\u003cbr\u003e\n        \u003cem\u003eExamples:\u003c/em\u003e\n        \u003cbr\u003e\u003ccode\u003e--devServerPort 1234\u003c/code\u003e\n        \u003cbr\u003e\u003ccode\u003e--devServerPort=1234\u003c/code\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003e8080\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e--apiPort\u003c/code\u003e\u003c/td\u003e\n      \u003ctd align=\"center\"\u003e-\u003c/td\u003e\n      \u003ctd\u003eNumber\u003c/td\u003e\n      \u003ctd\u003e\n        Port number to the webpack development server. You'll visit the app locally at \u003ccode\u003ehttp://localhost:\u0026lt;devServerPort\u0026gt;\u003c/code\u003e.\n        \u003cbr\u003e\u003cbr\u003e\n        \u003cem\u003eExamples:\u003c/em\u003e\n        \u003cbr\u003e\u003ccode\u003e--devServerPort 1234\u003c/code\u003e\n        \u003cbr\u003e\u003ccode\u003e--devServerPort=1234\u003c/code\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003e3000\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e--mongoPort\u003c/code\u003e\u003c/td\u003e\n      \u003ctd align=\"center\"\u003e\u003ccode\u003e--mp\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003eNumber\u003c/td\u003e\n      \u003ctd\u003e\n        Port number that MongoDB connects on. If you haven't \u003cspan style=\"font-style: italic;\"\u003especifically\u003c/span\u003e set MongoDB's port when you installed it locally, simply leave this alone and use the default value.\n        \u003cbr\u003e\u003cbr\u003e\n        \u003cem\u003eExamples:\u003c/em\u003e\n        \u003cbr\u003e\u003ccode\u003e--mongoPort 30123\u003c/code\u003e\n        \u003cbr\u003e\u003ccode\u003e--mongoPort=30123\u003c/code\u003e\n        \u003cbr\u003e\u003ccode\u003e--mp 30123\u003c/code\u003e\n        \u003cbr\u003e\u003ccode\u003e--mp=30123\u003c/code\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003e27017\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e--mongoPortProd\u003c/code\u003e\u003c/td\u003e\n      \u003ctd align=\"center\"\u003e\u003ccode\u003e--mpp\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003eNumber\u003c/td\u003e\n      \u003ctd\u003e\n        Port number that MongoDB connects to \u003cspan style=\"font-style: italic;\"\u003e\u003cstrong\u003ein production\u003c/strong\u003e\u003c/span\u003e. This value \u003cspan style=\"font-style: italic;\"\u003eshould\u003c/span\u003e be different than the default value when using MongoDB in production. It defaults to \u003ccode\u003e27017\u003c/code\u003e in case you didn't change the port in your production environment. But for security reasons, do yourself the favor and don't use the default value in production.\n        \u003cbr\u003e\u003cbr\u003e\n        \u003cem\u003eExamples:\u003c/em\u003e\n        \u003cbr\u003e\u003ccode\u003e--mongoPortProd 30123\u003c/code\u003e\n        \u003cbr\u003e\u003ccode\u003e--mongoPortProd=30123\u003c/code\u003e\n        \u003cbr\u003e\u003ccode\u003e--mpp 30123\u003c/code\u003e\n        \u003cbr\u003e\u003ccode\u003e--mpp=30123\u003c/code\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003e27017\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e--mongoUser\u003c/code\u003e\u003c/td\u003e\n      \u003ctd align=\"center\"\u003e\u003ccode\u003e--mu\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003eString\u003c/td\u003e\n      \u003ctd\u003e\n        CNA is set up to to use authentication in production with MongoDB. This sets the user value. You will also need to set a user password, but there's no cli option. Nobody should type a password into a cli! The variable \u003ccode\u003eMONGO_USER_PASSWORD\u003c/code\u003e will be available in the \u003ccode\u003e.env\u003c/code\u003e file, but will not be set. Set it manually. See \u003ccode\u003ecna --mongoHelp\u003c/code\u003e for more information.\n        \u003cbr\u003e\u003cbr\u003e\n        \u003cem\u003eExamples:\u003c/em\u003e\n        \u003cbr\u003e\u003ccode\u003e--mongoUser mongo_master\u003c/code\u003e\n        \u003cbr\u003e\u003ccode\u003e--mongoUser=mongo_master\u003c/code\u003e\n        \u003cbr\u003e\u003ccode\u003e--mu mongo_master\u003c/code\u003e\n        \u003cbr\u003e\u003ccode\u003e--mu=mongo_master\u003c/code\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e-\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e--mongoAuthSource\u003c/code\u003e\u003c/td\u003e\n      \u003ctd align=\"center\"\u003e\u003ccode\u003e--mas\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003eString\u003c/td\u003e\n      \u003ctd\u003e\n        CNA is set up to to use authentication in production with MongoDB. This sets the database name for MongoDB to authenticate against. See \u003ccode\u003ecna --mongoHelp\u003c/code\u003e for more information.\n        \u003cbr\u003e\u003cbr\u003e\n        \u003cem\u003eExamples:\u003c/em\u003e\n        \u003cbr\u003e\u003ccode\u003e--mongoAuthSource admin\u003c/code\u003e\n        \u003cbr\u003e\u003ccode\u003e--mongoAuthSource=admin\u003c/code\u003e\n        \u003cbr\u003e\u003ccode\u003e--mas admin\u003c/code\u003e\n        \u003cbr\u003e\u003ccode\u003e--mas=admin\u003c/code\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e-\u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n### package.json options\n\n\u003ctable\u003e\n  \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth\u003eOption\u003c/th\u003e\n      \u003cth\u003eAlias\u003c/th\u003e\n      \u003cth\u003eType\u003c/th\u003e\n      \u003cth\u003eDescription\u003c/th\u003e\n      \u003cth\u003eDefault\u003c/th\u003e\n    \u003c/tr\u003e\n  \u003c/thead\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd width=\"160px\"\u003e\u003ccode\u003e--author\u003c/code\u003e\u003c/td\u003e\n      \u003ctd width=\"90px\" align=\"center\"\u003e-\u003c/td\u003e\n      \u003ctd\u003eString\u003c/td\u003e\n      \u003ctd\u003ePopulates package.json field name of the same value.\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003e''\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e--description\u003c/code\u003e\u003c/td\u003e\n      \u003ctd align=\"center\"\u003e-\u003c/td\u003e\n      \u003ctd\u003eString\u003c/td\u003e\n      \u003ctd\u003ePopulates package.json field name of the same value.\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003e''\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e--email\u003c/code\u003e\u003c/td\u003e\n      \u003ctd align=\"center\"\u003e-\u003c/td\u003e\n      \u003ctd\u003eString\u003c/td\u003e\n      \u003ctd\u003ePopulates package.json field name of the same value.\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003e''\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e--keywords\u003c/code\u003e\u003c/td\u003e\n      \u003ctd align=\"center\"\u003e-\u003c/td\u003e\n      \u003ctd\u003eArray\u003c/td\u003e\n      \u003ctd\u003ePopulates package.json field name of the same value.\u003cbr\u003eExample:\u003cbr\u003e\u003ccode\u003e--keywords one two three\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003e[]\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e--browserslist\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003e--bl\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003eArray\u003c/td\u003e\n      \u003ctd\u003ePopulates package.json field name of the same value. This field is used by \u003ca href=\"https://babeljs.io/docs/en/babel-preset-env#browserslist-integration\"\u003e@babel/preset-env\u003c/a\u003e and \u003ca href=\"https://github.com/postcss/autoprefixer#browsers\"\u003eautoprefixer\u003c/a\u003e.The default value is aimed at supporting modern browsers only. Also, using \u003ccode\u003elast 2 versions\u003c/code\u003e \u003ca href=\"http://bit.ly/2Z5pejA\"\u003emight not do what you think.\u003c/a\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003e['\u003e0.25%', 'not ie 11', 'not op_mini all']\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e--repository\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003e--repo\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003eArray\u003c/td\u003e\n      \u003ctd\u003ePopulates package.json field name of the same value.\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003e''\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n### Information-only\n\n| Option        | Alias  | Description                                                                     |\n| ------------- | ------ | ------------------------------------------------------------------------------- |\n| `--help`      | `-h`   | Outputs the help screen, showing all the above documented options.              |\n| `--mongoHelp` | `--mh` | Outputs some helpful information about getting MongoDB prepared for production. |\n| `--version`   | `-v`   | Outputs the version of CNA that you're using to the terminal.                   |\n\n### Other options\n\n\u003ctable\u003e\n  \u003cthead\u003e\n    \u003ctr\u003e\n      \u003cth\u003eOption\u003c/th\u003e\n      \u003cth\u003eAlias\u003c/th\u003e\n      \u003cth\u003eType\u003c/th\u003e\n      \u003cth\u003eDescription\u003c/th\u003e\n      \u003cth\u003eDefault\u003c/th\u003e\n    \u003c/tr\u003e\n  \u003c/thead\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003ctd width=\"125px\"\u003e\u003ccode\u003e--offline\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003e-o\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003eBoolean\u003c/td\u003e\n      \u003ctd\u003e\n        Forces npm to use cache when installing. Great if you don't want npm hogging your data. Tethering, anyone?\n        \u003cbr\u003e\u003cbr\u003e\n        \u003cem\u003eExamples:\u003c/em\u003e\n        \u003cbr\u003e\u003ccode\u003e--offline\u003c/code\u003e\n        \u003cbr\u003e\u003ccode\u003e-o\u003c/code\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003efalse\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e--force\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003e-f\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003eBoolean\u003c/td\u003e\n      \u003ctd\u003e\n        Want to install an app in a pre-existing folder? Use this. But be warned! There's a possibility you can overwrite files if the names conflict!\n        \u003cbr\u003e\u003cbr\u003e\n        \u003cem\u003eExamples:\u003c/em\u003e\n        \u003cbr\u003e\u003ccode\u003e--force\u003c/code\u003e\n        \u003cbr\u003e\u003ccode\u003e-f\u003c/code\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003efalse\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e--noGit\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e-\u003c/td\u003e\n      \u003ctd\u003eBoolean\u003c/td\u003e\n      \u003ctd\u003e\n        Don't want a git repo? This is for you. Keep in mind CNA won't initialize a git repo if the `--force` or `--repository` options are used.\n        \u003cbr\u003e\u003cbr\u003e\n        \u003cem\u003eExamples:\u003c/em\u003e\n        \u003cbr\u003e\u003ccode\u003e--noGit\u003c/code\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003efalse\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e--sandbox\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003e-s\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003eBoolean\u003c/td\u003e\n      \u003ctd\u003e\n        Creates a \"sandbox\" app which consists of 3 simple files:\n        \u003cul\u003e\n          \u003cli\u003eindex.html\u003c/li\u003e\n          \u003cli\u003estyles.css\u003c/li\u003e\n          \u003cli\u003emain.js\u003c/li\u003e\n        \u003c/ul\u003e\n        If you use this option, everything else will be ignored. This option is perfect for whipping up a quick directory with some files to play in.\n        \u003cbr\u003e\u003cbr\u003e\n        \u003cem\u003eExamples:\u003c/em\u003e\n        \u003cbr\u003e\u003ccode\u003e--sandbox\u003c/code\u003e\n        \u003cbr\u003e\u003ccode\u003e-s\u003c/code\u003e\n      \u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003efalse\u003c/code\u003e\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003e\u003ccode\u003e--title\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003e-t\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003eString\u003c/td\u003e\n      \u003ctd\u003e\n        Sets the webpage title generated by Webpack's \u003ccode\u003eHtmlWebpackPlugin\u003c/code\u003e.\n        \u003cbr\u003e\u003cbr\u003e\n        \u003cem\u003eExamples:\u003c/em\u003e\n        \u003cbr\u003e\u003ccode\u003e--title 'JavaScript Rules'\u003c/code\u003e\n        \u003cbr\u003e\u003ccode\u003e--title='JavaScript Rules'\u003c/code\u003e\n        \u003cbr\u003e\u003ccode\u003e-t 'JavaScript Rules'\u003c/code\u003e\n        \u003cbr\u003e\u003ccode\u003e-t='JavaScript Rules'\u003c/code\u003e\n      \u003c/td\u003e\n      \u003ctd\u003eTitle-cased version of the app name.\u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fqodesmith%2Fcreate-new-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fqodesmith%2Fcreate-new-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fqodesmith%2Fcreate-new-app/lists"}