We don't always choose isomorphic React/Flux/Gulp, but when we do, we clone this.
- react 0.13
- react-router 0.13
- fluxible 0.4
- lodash 3.6
- express 4.12
- gulp
- sass
- browserify
- browser-sync
- etc, see package.json
https://react-flux-gulp-starter-test.herokuapp.com/
$ npm install --global gulp
$ npm install
Start a local dev environment:
$ gulp
Generate a production build:
$ gulp production
You only need to do this once.
We assume that you have an app set up at Heroku. Below, please substitute all occurences of ###HEROKU_APP_NAME###
with your actual Heroku app name.
First, install the Heroku Toolbelt and log in to Heroku:
$ heroku login
By default, Heroku does not install modules specified in your package.json's devDependencies
section, but it needs those to build your site. You tell Heroku to install dev dependencies by setting the config variable NPM_CONFIG_PRODUCTION
to false
:
$ heroku config:set NPM_CONFIG_PRODUCTION=false --app ###HEROKU_APP_NAME###
Finally, add your Heroku app's repo as a remote. Run this in the project's root directory:
$ heroku git:remote --app ###HEROKU_APP_NAME###
Just push it. That is all.
$ git push heroku master