create and deploy ember in 5 minutes with middleman
DESCRIPTION
TRANSCRIPT
![Page 1: Create and Deploy Ember in 5 Minutes with Middleman](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54b6c70d4a7959f87d8b4587/html5/thumbnails/1.jpg)
CREATE AND DEPLOYYOUR EMBER APP
IN 5 MINwith Middleman and Heroku
![Page 2: Create and Deploy Ember in 5 Minutes with Middleman](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54b6c70d4a7959f87d8b4587/html5/thumbnails/2.jpg)
INTRORoss Kaffenberger
rosskaff.com @rossta
ChallengePost
![Page 3: Create and Deploy Ember in 5 Minutes with Middleman](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54b6c70d4a7959f87d8b4587/html5/thumbnails/3.jpg)
![Page 4: Create and Deploy Ember in 5 Minutes with Middleman](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54b6c70d4a7959f87d8b4587/html5/thumbnails/4.jpg)
OVERVIEW
Front-end App
Develop on Middleman
Deploy on Heroku
![Page 5: Create and Deploy Ember in 5 Minutes with Middleman](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54b6c70d4a7959f87d8b4587/html5/thumbnails/5.jpg)
![Page 6: Create and Deploy Ember in 5 Minutes with Middleman](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54b6c70d4a7959f87d8b4587/html5/thumbnails/6.jpg)
MIDDLEMANStatic site generator
Modern web tools
http://middlemanapp.com
![Page 7: Create and Deploy Ember in 5 Minutes with Middleman](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54b6c70d4a7959f87d8b4587/html5/thumbnails/7.jpg)
TOOLSInstall
Command Line
$ gem install middleman
$ middleman init my_new_project$ middleman server$ middleman build
![Page 8: Create and Deploy Ember in 5 Minutes with Middleman](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54b6c70d4a7959f87d8b4587/html5/thumbnails/8.jpg)
RACKconfig.rb
activate :livereloadset :js_dir, "javascripts"
configure :build do activate :minify_javascript activate :asset_hashend
![Page 9: Create and Deploy Ember in 5 Minutes with Middleman](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54b6c70d4a7959f87d8b4587/html5/thumbnails/9.jpg)
ASSET PIPELINESprockets
//= require jquery//= require handlebars//= require ember//= require ember-data//= require ./main
App.initialize();
![Page 10: Create and Deploy Ember in 5 Minutes with Middleman](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54b6c70d4a7959f87d8b4587/html5/thumbnails/10.jpg)
ASSET PIPELINECompilation
source/ index.haml stylesheets/ application.css.scss javascripts/ application.js.coffee
![Page 11: Create and Deploy Ember in 5 Minutes with Middleman](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54b6c70d4a7959f87d8b4587/html5/thumbnails/11.jpg)
PROJECT TEMPLATES$ git clone git://github.com/rossta/middleman-ember-template.git ~/.middleman/ember
$ middleman init my_new_project --template=ember
$ middleman server
![Page 12: Create and Deploy Ember in 5 Minutes with Middleman](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54b6c70d4a7959f87d8b4587/html5/thumbnails/12.jpg)
![Page 13: Create and Deploy Ember in 5 Minutes with Middleman](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54b6c70d4a7959f87d8b4587/html5/thumbnails/13.jpg)
DEPLOYHeroku Buildpacks
$ heroku create my_app --buildpack git://github.com/indirect/heroku-buildpack-middleman.git
$ git push heroku master
![Page 14: Create and Deploy Ember in 5 Minutes with Middleman](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54b6c70d4a7959f87d8b4587/html5/thumbnails/14.jpg)
![Page 15: Create and Deploy Ember in 5 Minutes with Middleman](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54b6c70d4a7959f87d8b4587/html5/thumbnails/15.jpg)
RESOURCES
http://middlemanapp.com/https://devcenter.heroku.com/articles/buildpacks
https://github.com/rossta/middleman-ember-templatehttps://github.com/indirect/heroku-buildpack-middleman
http://rossta-ember-example.herokuapp.com
![Page 16: Create and Deploy Ember in 5 Minutes with Middleman](https://reader034.vdocuments.mx/reader034/viewer/2022051210/54b6c70d4a7959f87d8b4587/html5/thumbnails/16.jpg)
FINRoss Kaffenberger
rosskaff.com@rossta