Keep it Static Stupid

An introduction to static sites generators and why they matters.

Supporting article in french: http://frank.taillandier.me/2016/03/08/les-gestionnaires-de-contenu-statique/
Given at Apéroweb Toulouse #38

Transcript

1. KEEP IT STATIC STUPID
   APÉROWEB TOULOUSE #38 - @DIRTYF
   

   View Slide

2. OUR WEB HAS BECOME BLOATED WITH
   LETHARGIC, VULNERABLE CONTENT
   THAT COSTS US TIME AND MONEY.
   Chad Person
   HTTPS://BOWTIE.IO/NEWS/CMS-FOR-STATIC-HTML-WEBSITES/
   

   View Slide

3. WHY STATIC?
   SPEED
   SECURE
   SIMPLE
   CHEAPER
   

   View Slide

4. FATIGUE
   

   View Slide

5. TOM PRESTON WERNER IS A HACKER
   

   View Slide

6. View Slide

7. GHOST.ORG
   

   View Slide

8. THE PROBLEM WITH WYSIWYG IS THAT WE
   ARE GIVING CONTENT CREATORS AN
   ANTIQUATED METAPHOR FROM THE
   DESKTOP PUBLISHING ERA TO
   COMMUNICATE TO THEM WHAT IT MEANS
   TO PUBLISH ON THE WEB.
   Karen McGrane
   

   View Slide

9. View Slide

10. View Slide

11. View Slide

12. View Slide

13. HTTP://KYLERUSH.NET/BLOG/MEET-THE-OBAMA-CAMPAIGNS-250-MILLION-FUNDRAISING-PLATFORM/
    NUMBERS
    ▸ $250 million dollars, 4,276,463 donations
    ▸ 81,548,259 pageviews, 17,807,917 unique visitors
    ▸ 60% faster time to paint than previous platform
    ▸ 240 a/b tests, 49% increase in donation conversion rate
    ▸ 1,101 frontend deploys (average : 6 per day)
    ▸ 4,000 lines of JavaScript
    ▸ 23% of traffic is mobile (including tablet)
    

    View Slide

14. HTTP://KYLERUSH.NET/BLOG/MEET-THE-OBAMA-CAMPAIGNS-250-MILLION-FUNDRAISING-PLATFORM/
    WEB STACK
    ▸ Jekyll
    ▸ CDN
    ▸ Version control with GitHub
    ▸ Conversion optimization with Optimizely
    ▸ APIs
    

    View Slide

15. View Slide

16. View Slide

17. JEKYLL TRANSITIONS SMOOTHLY
    BETWEEN PROTOTYPING, CONTENT
    AUTHORING, AND DEPLOYMENT TASKS
    Young Hahn
    HTTPS://DEVELOPMENTSEED.ORG/BLOG/2011/09/09/JEKYLL-GITHUB-PAGES/
    

    View Slide

18. HTTPS://SPEAKERDECK.COM/PHILHAWKSWORTH/STATIC-SITES-GO-ALL-HOLLYWOOD
    

    View Slide

19. View Slide

20. View Slide

21. View Slide

22. View Slide

23. HTTPS://DEVELOPERS.GOOGLE.COM/WEB/FUNDAMENTALS/
    

    View Slide

24. HTTPS://WWW.GOOGLE.COM/TRENDS/2014/
    

    View Slide

25. View Slide

26. View Slide

27. STATIC SITES ARE
    ALREADY MAINSTREAM
    Phil Hawksworth
    HTTPS://SPEAKERDECK.COM/PHILHAWKSWORTH/STATIC-SITES-GO-ALL-HOLLYWOOD
    

    View Slide

28. View Slide

29. UX
    

    View Slide

30. CONTENT

    AS A SERVICE
    

    View Slide

31. MODERN 

    HOSTING
    

    View Slide

32. NODE JS
    DYNAMIC HOSTING
    

    View Slide

33. WEB SERVICES
    

    View Slide

34. View Slide

35. JEKYLL’S SUMMER OF CODE
    

    View Slide

36. STATIC EVENTS
    

    View Slide

37. View Slide

38. View Slide

39. View Slide

40. @DIRTYF
    THANKS
    

    View Slide