CREATE AND DEPLOYYOUR EMBER APP

IN 5 MINwith Middleman and Heroku

INTRORoss Kaffenberger

rosskaff.com @rossta

ChallengePost

OVERVIEW

Front-end App

Develop on Middleman

Deploy on Heroku

MIDDLEMANStatic site generator

Modern web tools

http://middlemanapp.com

TOOLSInstall

Command Line

$ gem install middleman

$ middleman init my_new_project$ middleman server$ middleman build

RACKconfig.rb

activate :livereloadset :js_dir, "javascripts"

configure :build do activate :minify_javascript activate :asset_hashend

ASSET PIPELINESprockets

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

App.initialize();

ASSET PIPELINECompilation

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

DEPLOYHeroku Buildpacks

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

$ git push heroku master

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

FINRoss Kaffenberger

rosskaff.com@rossta