https://github.com/egoist/create-poi-react-app

The create-react-app that uses Poi instead of react-scripts.
https://github.com/egoist/create-poi-react-app

bundler poi pwa react sao web webpack

Last synced: 11 months ago
JSON representation

The create-react-app that uses Poi instead of react-scripts.

• Host: GitHub
• URL: https://github.com/egoist/create-poi-react-app
• Owner: egoist
• License: mit
• Created: 2017-12-25T15:41:32.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2021-12-25T14:16:55.000Z (over 4 years ago)
• Last Synced: 2025-06-07T04:34:18.064Z (about 1 year ago)
• Topics: bundler, poi, pwa, react, sao, web, webpack
• Language: JavaScript
• Homepage: https://create-poi-react-app.egoist.moe
• Size: 62.5 KB
• Stars: 18
• Watchers: 2
• Forks: 3
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          

# create-poi-react-app

[![NPM version](https://img.shields.io/npm/v/create-poi-react-app.svg?style=flat)](https://npmjs.com/package/create-poi-react-app) [![NPM downloads](https://img.shields.io/npm/dm/create-poi-react-app.svg?style=flat)](https://npmjs.com/package/create-poi-react-app) [![CircleCI](https://circleci.com/gh/egoist/create-poi-react-app/tree/master.svg?style=shield)](https://circleci.com/gh/egoist/create-poi-react-app/tree/master)  [![donate](https://img.shields.io/badge/$-donate-ff69b4.svg?maxAge=2592000&style=flat)](https://github.com/egoist/donate) [![chat](https://img.shields.io/badge/chat-on%20discord-7289DA.svg?style=flat)](https://chat.egoist.moe)

The `create-react-app` that you're familiar with but uses [Poi](https://github.com/egoist/poi) instead of `react-scripts`.



## Install

```bash

yarn global add create-poi-react-app

create-poi-react-app my-app

# Or use the shorter alias

cpra my-app

# Or use `yarn create` or `npx`

yarn create poi-react-app my-app

npx create-poi-react-app my-app

```

Check out the auto deployed website of this project on Netlify: https://create-poi-react-app.egoist.moe

## Usage

Folder structure:

```bash

.

├── package.json

├── poi.config.js

├── public

│   ├── favicon.ico

│   ├── index.html

│   └── manifest.json

├── src

│   ├── App.css

│   ├── App.js

│   ├── App.test.js

│   ├── index.css

│   ├── index.js

│   └── logo.svg

└── yarn.lock

```

Yeah it's exactly the same as a create-react-app project but with an extra [poi.config.js](./template/poi.config.js).

### `yarn dev`

Starts development server.

### `yarn build`

Builds your app to `./dist` folder.

### `yarn test`

Starts the test runner.

## Contributing

1. Fork it!

2. Create your feature branch: `git checkout -b my-new-feature`

3. Commit your changes: `git commit -am 'Add some feature'`

4. Push to the branch: `git push origin my-new-feature`

5. Submit a pull request :D

## Author

**create-poi-react-app** © [EGOIST](https://github.com/egoist), Released under the [MIT](./LICENSE) License.


Authored and maintained by EGOIST with help from contributors ([list](https://github.com/egoist/create-poi-react-app/contributors)).

> [egoist.moe](https://egoist.moe) · GitHub [@EGOIST](https://github.com/egoist) · Twitter [@_egoistlily](https://twitter.com/_egoistlily)