1. CREATE AND DEPLOY
YOUR EMBER APP
IN 5 MIN
with Middleman and Heroku

2. INTRO
Ross Kaffenberger
rosskaff.com
@rossta
ChallengePost

4. OVERVIEW
Front-end App
Develop on Middleman
Deploy on Heroku

6. MIDDLEMAN
Static site generator
Modern web tools
http://middlemanapp.com

7. TOOLS
Install
$ gem install middleman
Command Line
$ middleman init my_new_project
$ middleman server
$ middleman build

8. RACK
config.rb
activate :livereload
set :js_dir, "javascripts"
configure :build do
activate :minify_javascript
activate :asset_hash
end

9. ASSET PIPELINE
Sprockets
//= require jquery
//= require handlebars
//= require ember
//= require ember-data
//= require ./main
App.initialize();

10. ASSET PIPELINE
Compilation
source/
index.haml
stylesheets/
application.css.scss
javascripts/
application.js.coffee

11. PROJECT TEMPLATES
$ git clone git://github.com/rossta/middleman-ember-template.git ~
/.middleman/ember
$ middleman init my_new_project --template=ember
$ middleman server

13. DEPLOY
Heroku Buildpacks
$ heroku create my_app --buildpack git://github.com/indirect/
heroku-buildpack-middleman.git
$ git push heroku master

15. RESOURCES
http://middlemanapp.com/
https://devcenter.heroku.com/articles/buildpacks
https://github.com/rossta/middleman-ember-template
https://github.com/indirect/heroku-buildpack-middleman
http://rossta-ember-example.herokuapp.com

16. FIN
Ross Kaffenberger
rosskaff.com
@rossta