$30 off During Our Annual Pro Sale. View Details »

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.

Ross Kaffenberger

February 28, 2013
Tweet

More Decks by Ross Kaffenberger

Other Decks in Technology

Transcript

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

    View Slide

  2. INTRO
    Ross Kaffenberger
    rosskaff.com
    @rossta
    ChallengePost

    View Slide

  3. View Slide

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

    View Slide

  5. View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  12. View Slide

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

    View Slide

  14. View Slide

  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

    View Slide

  16. FIN
    Ross Kaffenberger
    rosskaff.com
    @rossta

    View Slide