# create-react-app-fullstack > Turn create-react-app into a fullstack app by adding Express and Sequelize Latest version **3.0.1** (published 2017-06-15) · MIT license · 0 weekly downloads ## Install ```sh npm install create-react-app-fullstack pnpm add create-react-app-fullstack yarn add create-react-app-fullstack bun add create-react-app-fullstack ``` Provides the command `fullstack`. ## Health **Score 15/100 (F)** — status: abandoned. Positive: no vulnerabilities. Warnings: low downloads; no types; no esm support. Negative: abandoned; low maintenance score. ## Facts | | | |---|---| | Version | 3.0.1 | | Published | 2017-06-15 | | First published | 2017-02-04 | | Weekly downloads | 0 | | License | MIT | | TypeScript types | none | | Module format | CommonJS | | Dependencies | 3 | | Known vulnerabilities | 0 (+1 in 1 direct dependencies) | | Install scripts | no | | GitHub stars | 49 | | Author | ekatzenstein | | Maintainers | ekatzenstein | | Keywords | react-create-app, create-react-app, express, sequelize, postgresql, server, database, react | ## Links - npm: https://www.npmjs.com/package/create-react-app-fullstack - Repository: https://github.com/ekatzenstein/create-react-app-fullstack - Issues: https://github.com/ekatzenstein/create-react-app-fullstack/issues - npm.io page: https://npm.io/package/create-react-app-fullstack ## Dependencies (3) - [chalk](https://npm.io/package/chalk.md) ^1.1.3 - [yargs](https://npm.io/package/yargs.md) ^6.6.0 - [react-dev-utils](https://npm.io/package/react-dev-utils.md) ^0.4.2 ## Alternatives - [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads - [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads - [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads - [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads - [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads ## Recent versions - 3.0.1 (latest) — 2017-06-15 - 3.0.0 — 2017-06-13 - 2.0.3 — 2017-06-13 - 2.0.2 — 2017-06-13 - 2.0.1 — 2017-06-13 - 2.0.0 — 2017-06-07 - 1.5.0 — 2017-04-27 - 1.4.1 — 2017-03-27 - 1.3.1 — 2017-03-08 - 1.3.0 — 2017-03-08 - 1.1.14 — 2017-03-07 - 1.1.12 — 2017-03-07 - 1.1.13 — 2017-03-05 - 1.2.0 — 2017-02-20 - 1.1.11 — 2017-02-20 - … 29 more at https://npm.io/package/create-react-app-fullstack/versions ## README # create-react-app-fullstack
chalk
## The Stack * [PostgreSQL](https://www.postgresql.org/) * [Sequelize](https://www.npmjs.com/package/sequelize) * [Node](https://nodejs.org/en/)/[Express.js](https://expressjs.com/) * [React](https://facebook.github.io/react/) * [Redux](http://redux.js.org/) * [React-Router](https://github.com/acdlite/react-router) ## Versions

3.0.0

* Removed Eject! Using a proxy server doesn't require eject, so your boilerplate config remains nicely under the hood.

2.0.0

* Substantial updates and new architecture * Removed different start options (backstart, fullstart, etc). Fullstack functionality is now present in `npm run start`. Used a 'proxy' instead of middleware to the Webpack Dev Server. Reload times are substantially faster. * Added [redux](https://www.npmjs.com/package/redux), including [react-redux](https://www.npmjs.com/package/react-redux), [redux-thunk](https://www.npmjs.com/package/redux-thunk), [redux-logger](https://www.npmjs.com/package/redux-logger), and [react-router-redux](https://www.npmjs.com/package/react-router-redux). * Added [axios](https://www.npmjs.com/package/axios).

1.5.0

Update with create-react-app changes (v 1.3.0), updated to work with new react-router (version 4.1.0), switched back to browserHistory

1.4.0

Bug fixes

1.3.0

Switched from "browserHistory" to "hashHistory" for React Router. React Router was conflicting with Express in the dev environment. You can change to browserHistory prior to a build.

1.2.0

Added 'backstart' functionality

1.1.0

Eject Prompts

1.0.0

Initial release

## Installation
``` npm i -g create-react-app npm i -g create-react-app-fullstack ```
## Getting Started
This is designed for ground up full-stack development. Start by creating your database with PostgreSQL (you can do this after running 'fullstack' as well):
``` createdb ``` After creating your database, initialize a create-react-app with the same name (the name match is default functionality, overriding this is straightforward):
``` create-react-app cd fullstack ``` After running *fullstack*, confirm that you want to eject and the remaining steps will update your app with Express and Sequelize. The second prompt confirms that you want to run *fullstack* on your project. The process will add/overwrite/remove files in your *src*, *db*, *server*, and *scripts* folders, so this prompt is a security net. Since you're likely running this function at the beginning of a project, it shouldn't be an issue. After accepting the prompt, the project will install dependencies and template files. #### remember to seed the database! After the *fullstack* completes, run the command below to add dummy data to the database: `npm run seed`
## Commands ### seed Before getting started, seed the database with dummy data by running: ``` npm run seed ```
### start After the database is seeded, you should be all set. To enable full-stack development with hot-reloading, use the same script as create-react-app: ``` npm run start ```
### build To build deployment-ready, we use the same script as create-react-app: ``` npm run build ```
## References and Props
Much of this work was inspired and built from the resources below: * [create-react-app](https://www.npmjs.com/package/create-react-app) * [create-react-app-add-redux](https://www.npmjs.com/package/create-react-app-add-redux) * [custom-react-scripts](https://www.npmjs.com/package/custom-react-scripts) * [Using create-react-app with React Router + Express.js](https://medium.com/@patriciolpezjuri/using-create-react-app-with-react-router-express-js-8fa658bf892d) * [How to get "create-react-app" to work with your API](https://www.fullstackreact.com/articles/using-create-react-app-with-a-server/) * [Bones](https://github.com/queerviolet/bones) Last, this project was built at a hackathon at [Full Stack Academy](https://www.fullstackacademy.com/). Development is ongoing. --- _Source: https://npm.io/package/create-react-app-fullstack · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._