Upgrade to Pro — share decks privately, control downloads, hide ads and more …

New Stack Lunch Presentation

New Stack Lunch Presentation

Lunch Presentation at Zendesk

Mathias Biilmann

March 07, 2016
Tweet

More Decks by Mathias Biilmann

Other Decks in Programming

Transcript

  1. The Web Dev Toolchain Disrupted • Modern Build Tools •

    Modern Browsers • Modern APIs • CDN Hosting 2
  2. Push your web-app or site to netlify. - the modern

    day platform that developers use to manage and publish their content online. 3
  3. Butterfly Butterfly Effect In chaos theory, the butterfly effect is

    the sensitive dependence on initial conditions in which a small change in one state of a deterministic nonlinear system can result in large differences in a later state. 4
  4. "I'm writing some scripts to try to track things a

    whole lot faster." Thu Apr 07 2005, Linux-Kernel Mailing List 5
  5. Made by MarketMe GitHub launched February 2008, grew to 10

    million repositories within the first 5 years, now has more than 10M active users. 6
  6. Git Centric Workflow • Anything that’s text based goes in

    a git repo • Clone, fork, push and pull all the time • Git has become as essential as our text editors 9
  7. Another Detour • GitHub rode the Rails wagon • Rails

    came with Rake • Task runners went mainstream 10
  8. Front-end Build Tools • All modern front-enders use build tools

    and task runners • Grunt, Gulp, Webpack, Ember-CLI • Jekyll, Middleman, Roots, Hugo, Metalsmith 11
  9. Pure Front-Ends • Not mixed with backend code or dependency

    • All you need is in Git • No database, message queue, search engines, etc… 15
  10. 16

  11. Most Dev Friendly Setup • All content live Markdown or

    YAML files • Everything in version control • Use all of our text based dev tools 19
  12. 20

  13. Single Page App • Run full front-end app locally with

    no dependencies • Run locally against production API • Pure front-end, completely decoupled from backend 21
  14. JavaScript, APIs & Markup • Can run anywhere • Distribute

    on Global CDN nodes • Faster, Safer, Simpler & Cheaper 24
  15. Intelligent CDN • Atomic Deploys • Instant Cache Invalidation •

    Routing intelligence: Proxying, GeoIP, Authentication 25
  16. 26

  17. Example: WeWork • Gradual transition from Rails to Roots •

    No huge rewrite • Proxy all non-static requests to legacy origin 27
  18. 29

  19. 31

  20. 32

  21. Example: Sequoia • Large site: ~15,000 HTML Pages • Fetches

    data from Contentful + Job API • Trigger rebuild whenever content change 33
  22. 34

  23. Content Editors? • How to get your marketing team on

    board? • Ideal dev cycle, but what about non-techies • Normal people are not int “Git Centric Worflows”! 35
  24. 36