Rails, Bower, Materialize, Heroku in 10 Steps

gistfile1.txt

# Rails, Bower, Materialize, Heroku

1. To install Bower, you need to have to have node, npm, and git installed. Then run ``` npm install -g bower ```
2. Create a bower.json file and add:
```
{
  "name": "personal-website",
  "dependencies": {
    "jquery": "latest",
    "materialize": "latest",
    "d3": "latest",
    "underscore": "latest"
  }
}
```
3. In .bowerrc:
```
{
"directory": "vendor/assets/components"
} 
```
4. Run ``` bower install ```
5. In the class application of config/application.rb:
```
config.assets.paths << Rails.root.join('vendor', 'assets', 'components') 
```
6. In Gemfile include: ``` gem 'materialize-sass' ```
7. In app/assets/javascripts/application.js (add dependencies to your asset manifest files):
```
//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require_tree .
//= require materialize
//
// Bower packages
//= require d3
//= require underscore
//
```
8. In app/assets/stylesheets/application.css (add dependencies to your asset manifest files):
```
*= require materialize
```
9. In a .gitignore, include:
```
/vendor/assets/components/*
```
10. Deploy to Heroku!
```
heroku create <app-name>
git push heroku master (or 'git push heroku <branch-name>-master)
```