Create and Deploy an Ember App in 5 Minutes

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

INTRO Ross Kaffenberger rosskaff.com @rossta ChallengePost

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

OVERVIEW Front-end App Develop on Middleman Deploy on Heroku

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

No content

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

No content

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

FIN Ross Kaffenberger rosskaff.com @rossta