Create and Deploy Your Ember AppĀ 
in 5 min

with Middleman and Heroku



OVERVIEW


Front-end App

Develop on Middleman

Deploy on Heroku




Middleman


Static site generator

Modern web tools

http://middlemanapp.com


Tools

Install
$ gem install middleman

Command Line
$ middleman init my_new_project
$ middleman server
$ middleman build


Rack

config.rb
activate :livereload
set :js_dir, "javascripts"

configure :build do
  activate :minify_javascript
  activate :asset_hash
end


Asset Pipeline

Sprockets
//= require jquery
//= require handlebars
//= require ember
//= require ember-data
//= require ./main

App.initialize();


Asset Pipeline

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


Project Templates

$ git clone git://github.com/rossta/middleman-ember-template.git ~/.middleman/ember

$ middleman init my_new_project --template=ember

$ middleman server



Deploy

Heroku Buildpacks

$ heroku create my_app --buildpack git://github.com/indirect/heroku-buildpack-middleman.git

$ git push heroku master



Resources



Questions?

Ross Kaffenberger
rosskaff.com
@rossta



strut out the middleman

By rossta

strut out the middleman

  • 226