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.

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