Create and Deploy an Ember App in 5 Minutes

Create and Deploy an Ember App in 5 Minutes

Outlines steps to getting Ember up and running in development with Middleman and deploying to Heroku.

B0169a78f851962058d63337ad0147d6?s=128

Ross Kaffenberger

February 28, 2013
Tweet

Transcript

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

    Middleman and Heroku
  2. INTRO Ross Kaffenberger rosskaff.com @rossta ChallengePost

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

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

  7. TOOLS Install Command Line $ gem install middleman $ 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
  12. None
  13. DEPLOY Heroku Buildpacks $ heroku create my_app --buildpack git://github.com/indirect/ heroku-buildpack-middleman.git

    $ git push heroku master
  14. None
  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