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.

A731bc19c3b04919610fcee6d0589914?s=128

Mathias Biilmann

April 27, 2017
Tweet

Transcript

  1. Rise of the JAMstack Matt Biilmann, 2017

  2. Matt Biilmann CEO, Netlify

  3. Publishing for the modern web

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

    10k+ websites
  5. Building a fully hosted CMS Moved to the Bay Area,

    built a managed CMS for the legacy stack
  6. Trends: Git, MicroServices, JS Modern Javascript (ES6) Microservices Git vs

    FTP
  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
  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
  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
  10. None
  11. None
  12. Wordpress Shopify Rails Kirby Magazine Shop Job Board Conference

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

    ?????
  14. Building an Open-Source Eco-System

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

    Micro Services
  16. None
  17. Decoupled E-commerce

  18. None
  19. Handle 200,000 comments!

  20. Building an Open-Source Eco-System

  21. None
  22. Best Practises

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