{"id":13433889,"url":"https://github.com/codingcodax/reexjs-cli","last_synced_at":"2025-04-12T08:23:00.403Z","repository":{"id":51137182,"uuid":"363220940","full_name":"codingcodax/reexjs-cli","owner":"codingcodax","description":"An interactive CLI automation tool 🛠️ for creating react.js and next.js projects most fast and efficiently. ⚛️","archived":false,"fork":false,"pushed_at":"2021-10-18T18:02:51.000Z","size":3965,"stargazers_count":27,"open_issues_count":0,"forks_count":3,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-04-12T07:58:28.105Z","etag":null,"topics":["cli","cli-app","creating-react","es6","javascript","nextjs","react","reactjs","reexjs-cli","tool","typescript"],"latest_commit_sha":null,"homepage":"https://codingcodax.github.io/reexjs-cli/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/codingcodax.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null},"funding":{"github":null,"patreon":null,"open_collective":null,"ko_fi":"codax","tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"custom":null}},"created_at":"2021-04-30T18:03:44.000Z","updated_at":"2023-10-10T18:40:53.000Z","dependencies_parsed_at":"2022-08-26T04:43:32.539Z","dependency_job_id":null,"html_url":"https://github.com/codingcodax/reexjs-cli","commit_stats":null,"previous_names":["a12989x/reexjs-cli"],"tags_count":4,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codingcodax%2Freexjs-cli","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codingcodax%2Freexjs-cli/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codingcodax%2Freexjs-cli/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/codingcodax%2Freexjs-cli/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/codingcodax","download_url":"https://codeload.github.com/codingcodax/reexjs-cli/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248537842,"owners_count":21120890,"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","cli-app","creating-react","es6","javascript","nextjs","react","reactjs","reexjs-cli","tool","typescript"],"created_at":"2024-07-31T02:01:39.467Z","updated_at":"2025-04-12T08:23:00.382Z","avatar_url":"https://github.com/codingcodax.png","language":"JavaScript","readme":"\u003ch1\u003e\n    \u003ca href=\"https://www.npmjs.com/package/reexjs-cli\" target=\"_blank\"\u003e\n      \u003cimg alt=\"ReexJs logo\" src=\"./docs/_images/logo.png\" /\u003e\n    \u003c/a\u003e\n\u003c/h1\u003e\n\n[![npm](https://img.shields.io/npm/v/reexjs-cli?style=flat\u0026logo=appveyor)](https://www.npmjs.com/package/reexjs-cli)\n[![MIT License](https://img.shields.io/apm/l/atomic-design-ui.svg?style=flat\u0026logo=appveyor)](https://github.com/tterb/atomic-design-ui/blob/master/LICENSEs)\n\n\u003ch4 align=\"center\"\u003eAn interactive CLI automation tool 🛠️ for creating \u003ca href=\"https://reactjs.org/\" target=\"_blank\"\u003ereact.js\u003c/a\u003e and \u003ca href=\"https://nextjs.org/\" target=\"_blank\"\u003enext.js\u003c/a\u003e projects most fast and efficiently. ⚛️\u003c/h4\u003e\n\n\u003cimg alt=\"ReexJs logo\" src=\"./docs/_images/intro.gif\" width=\"100%\" /\u003e\n\n## About ℹ️\n\n[ReexJs CLI](https://github.com/a12989x/reexjs-cli) is an interactive CLI that automates the process of creating a React / Next App.\nUsually developers we spent a lot of time installing dependencies, creating folders, etc., before having our initial configuration and start working on the application.\n\nThe goal of [ReexJs CLI](https://github.com/a12989x/reexjs-cli) It is that we can start working on our application without worrying about the initial configuration.\n\n## Features 🎉\n\n-   Create a react.js or next.js app. ⚛️\n-   Choose from commonly used folders (assets, components, hooks, services, utils, e.t.c.) to create.\n-   Or create folders with custom names.📂\n-   Setup routing with user defined routes if you choose react.js.\n-   Or create pages for nextjs.\n-   Add supports popularly used CSS preprocessor SASS! 👓\n-   And installs dependencies and dev dependencies.\n\n## Requirements 📝\n\n-   [Node.js](https://nodejs.org/en/) installed on your system.\n-   An active internet connection for CLI to work.\n\n## Installation 🚀\n\nFrom your terminal run:\n\n```shell\n# install the package with NPM\n$ npx reexjs-cli\n# or install it with YARN\n$ yarn reexjs-cli\n```\n\n## Documentation 📘\n\nReexJs CLI installs reexjs-cli command in your system. To run the tool, you need to invoke this command from your terminal:\n\n```shell\n# if you install it globally\n$ reexjs-cli\n```\n\nAs soon as run the command you are greeted by the CLI and you must choose between the options, the most approached your desired configuration.\n\n\u003cimg alt=\"ReexJs logo\" src=\"./docs/_images/greetings.png\"  width=\"100%\" /\u003e\n\nThen you have to answer some questions to configure your react.js or next.js app\n\n\u003cimg alt=\"ReexJs logo\" src=\"./docs/_images/walk-trough.png\"  width=\"100%\" /\u003e\n\n### Config ⚙️\n\nDepending on the fact that Framework is chosen, different questions will be asked:\n\n-   **App Name**:\u003cbr /\u003e\n    Enter your app name. By default it fallbacks to _reexjs-app_.\n    \u003cbr /\u003e\u003cbr /\u003e\n    ✅ Valid App Names:\n\n    -   my-app\n    -   onl1n3\n    -   one-2-three\n\n    ❌ Invalid App Names:\n\n    -   My-App\n    -   Onl1n3\n    -   One-2-Three\n\n-   **Framework**:\u003cbr /\u003e\n    Choose the Framework of your application. _Next.js_ or _React.js_.\n\n-   **Pages Names**: (_Next.Js_)\u003cbr /\u003e\n    Enter space separated pages for next.js application.\n\n-   **React Routing**: (_React.Js_)\u003cbr /\u003e\n    Choose if react routes is needed. Yes or No.\u003cbr /\u003e\n    If required, enter space separated routes names.\n\n    ✅ Valid Route Names:\n\n    -   my-route\n    -   one-two-three\n\n    ❌ Invalid Route Names:\n\n    -   My-Route:\n    -   one-2-three\n    -   some-route/\n    -   some.route\n    -   some?route\n\n-   **Create Folders**:\u003cbr /\u003e\n\n    -   Predefined:\n\n        -   You can choose from commonly use folders to create: _assets_, _components_, _utils_, _lib_.\n\n    -   Custom:\n        -   You can enter space separated folders. The conventions would be same as routes in react routing. E.g. `context hooks`\n\n-   **Style scripting**:\u003cbr /\u003e\n    Choose if you want use SASS preprocessor in your styles. _SCSS_, _SASS_ or _CSS_.\n\n-   **Dependencies**: (`npm i \u003cdependencies\u003e`)\u003cbr /\u003e\n    You can enter space separated dependencies. The conventions would be same as routes in react routing. E.g. `react-bootstrap lodash moment`.\n    This script run the code\n\n-   **Dev Dependencies**: (`npm i -D \u003cdevDependencies\u003e`)\u003cbr /\u003e\n    You can enter separated dev dependencies. The conventions would be same as routes in react routing. E.g. `prettier husky lint-staged`.\n\n### Examples 🤖\n\n-   `npx reexjs-cli`. Run reexjs normally.\n-   `npx reexjs-cli -n` Run reexjs with next default configuration.\n-   `npx reexjs-cli -r` Run reexjs with react default configuration.\n\n### TODOs ✅\n\n-   Get notification every time an update is available. 🔔\n-   Choose JavaScript and TypeScript. 🔥\n-   Choose preferred export type: named or default. 🤔\n-   Add Redux/MobX/useContext state management setup. ⚙️\n-   Style your app EXACTLY Like Google. 😎\n\n## License\n\nReexJs CLI is licensed under the terms of [MIT](https://choosealicense.com/licenses/mit/)\n\n**Built with ❤️ by [Codax](https://github.com/a12989x).**\n","funding_links":["https://ko-fi.com/codax"],"categories":["JavaScript"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodingcodax%2Freexjs-cli","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcodingcodax%2Freexjs-cli","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcodingcodax%2Freexjs-cli/lists"}