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.

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