A template for developing and deploying full stack JavaScript apps. Supports ES2015 on the client and server-side.
- Move into your projects directory:
cd ~/YOUR_PROJECTS_DIRECTORY - Clone this repository:
https://github.com/oampo/thinkful-full-stack-template YOUR_PROJECT_NAME - Move into the project directory:
cd YOUR_PROJECT_NAME - Create a new repo on GitHub: https://github.com/new
- Make sure the "Initialize this repository with a README" option is left unchecked
- Update the remote to point to your GitHub repository:
git remote set-url origin https://github.com/YOUR_GITHUB_USERNAME/YOUR_REPOSITORY_NAME
- Move into the project directory:
cd ~/YOUR_PROJECTS_DIRECTORY/YOUR_PROJECT_NAME - Run the development task:
npm run dev- Starts a server running at http://localhost:8080
- Automatically rebuilds when any of your files change
.
├── client Client-side code
│ ├── assets Images, videos, etc.
│ ├── js JavaScript
│ └── scss SASS stylesheets
├── server Server-side code
└── test Tests
├── client Client tests
└── server Server tests
Requires the Heroku CLI client.
- Move into the project directory:
cd ~/YOUR_PROJECTS_DIRECTORY/YOUR_PROJECT_NAME - Create the Heroku app:
heroku create PROJECT_NAME - Instruct Heroku to install the development dependencies:
heroku config:set NPM_CONFIG_PRODUCTION=false
- Push your code to Heroku:
git push heroku master
- Add your repository to Travis CI
Requires the Travis CLI client.
-
Add the following configuration to
.travis.yml:deploy: provider: heroku app: YOUR_HEROKU_APP_NAME -
Add your Heroku API key:
travis encrypt $(heroku auth:token) --add deploy.api_key
- Push your code to GitHub:
git push origin master