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

Rise of the JAMstack

Rise of the JAMstack

The emergence of Git centered workflows, around modern build tools, static site generators, and modern browsers, have changed the way most front-enders work.

Matt Biilmann covers how a new stack is emerging and how this will change how web sites and web apps are built in the future.

Mathias Biilmann

April 27, 2017
Tweet

More Decks by Mathias Biilmann

Other Decks in Programming

Transcript

  1. Rise of the JAMstack
    Matt Biilmann, 2017

    View Slide

  2. Matt Biilmann
    CEO, Netlify

    View Slide

  3. Publishing for the modern web

    View Slide

  4. Building thousands of websites
    7 years in Spain, 2 CMSs, 10k+ websites

    View Slide

  5. Building a fully hosted CMS
    Moved to the Bay Area, built a managed CMS for the legacy stack

    View Slide

  6. Trends: Git, MicroServices, JS
    Modern Javascript (ES6)
    Microservices
    Git vs FTP

    View Slide

  7. For the last 15 years the web has been built on the fly, causing ever
    increasing issue with:
    Security
    7% of all legacy sites hacked
    Performance
    Single origin, builds for every visitor, low conversion
    Scalability
    Infrastructure needs scaling up front
    The Web Needs a Paradigm Shift

    View Slide

  8. The Evolution of the Web
    Unix Model Legacy Web
    (The site needs to be built
    EVERY time it’s served)
    Modern Web
    ~1970-1997 ~1997-Today Now
    CLIENT
    WEB SERVER
    APP SERVER
    DATABASE
    CLIENT
    SERVER
    CLIENT
    CDN
    SERVICES

    View Slide

  9. =
    A New Stack
    Decoupled Architecture Git Centric Workflow A Better Web
    +
    10x Faster
    No more malware
    Infinitely scalable
    Browser
    Client
    Build Tool
    Services
    Git
    Continuous Delivery
    CDN

    View Slide

  10. View Slide

  11. View Slide

  12. Wordpress
    Shopify
    Rails
    Kirby
    Magazine
    Shop
    Job Board
    Conference

    View Slide

  13. Wordpress
    Shopify
    Rails
    Kirby
    Magazine
    Shop
    Job Board
    Conference
    Memberships
    ?????

    View Slide

  14. Building an Open-Source Eco-System

    View Slide

  15. Browser
    Front-end
    Victor Hugo
    GitHub
    Netlify CMS
    A Smashing Architecture
    Micro Services

    View Slide

  16. View Slide

  17. Decoupled E-commerce

    View Slide

  18. View Slide

  19. Handle 200,000 comments!

    View Slide

  20. Building an Open-Source Eco-System

    View Slide

  21. View Slide

  22. Best Practises

    View Slide

  23. Let’s Continue The Talk!
    #JAMstack
    jamstack.org
    gitter.im/jamstack/community
    @biilmann

    View Slide