New Stack Lunch Presentation

New Stack Lunch Presentation

Lunch Presentation at Zendesk

A731bc19c3b04919610fcee6d0589914?s=128

Mathias Biilmann

March 07, 2016
Tweet

Transcript

  1. 2.

    The Web Dev Toolchain Disrupted • Modern Build Tools •

    Modern Browsers • Modern APIs • CDN Hosting 2
  2. 3.

    Push your web-app or site to netlify. - the modern

    day platform that developers use to manage and publish their content online. 3
  3. 4.

    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. 5.

    "I'm writing some scripts to try to track things a

    whole lot faster." Thu Apr 07 2005, Linux-Kernel Mailing List 5
  5. 6.

    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. 9.

    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. 10.

    Another Detour • GitHub rode the Rails wagon • Rails

    came with Rake • Task runners went mainstream 10
  8. 11.

    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. 15.

    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.

    16

  11. 19.

    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.

    20

  13. 21.

    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. 24.

    JavaScript, APIs & Markup • Can run anywhere • Distribute

    on Global CDN nodes • Faster, Safer, Simpler & Cheaper 24
  15. 25.

    Intelligent CDN • Atomic Deploys • Instant Cache Invalidation •

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

    26

  17. 27.

    Example: WeWork • Gradual transition from Rails to Roots •

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

    29

  19. 31.

    31

  20. 32.

    32

  21. 33.

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

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

    34

  23. 35.

    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.

    36