Keep it Static Stupid

398aad0e0e78f0db97a937fa6cb5ebea?s=47 Frank Taillandier
March 07, 2016
Programming
3
8k

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

398aad0e0e78f0db97a937fa6cb5ebea?s=128

Frank Taillandier

March 07, 2016
Tweet

Want more?

3ab1249be442027903e1180025340b3f?s=48 reverentgeek
10
550
A9a491b0fcbe0fbce3d64063a37add99?s=48 rmw
2
280
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
0
190
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenhchung
6
360
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
7
230
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
3
310
C35e01544a0dd94a2cf1619ee8a42ebb?s=48 clairelew
4
580
6bb82b13cda86d3b821fa44100335ddf?s=48 thoeni
1
170
B3ace07412a5178ea778e7eec161fc0a?s=48 jcasabona
4
250
Ef32e0b1ac5082450dc8c1fca3a26b5c?s=48 cherdarchuk
61
250k
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
5
810
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
1
200

Transcript

  1. 1.

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

  2. 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/
  3. 3.

    WHY STATIC? SPEED SECURE SIMPLE CHEAPER

  4. 4.

    FATIGUE

  5. 5.

    TOM PRESTON WERNER IS A HACKER

  6. 6.
    None
  7. 7.

    GHOST.ORG

  8. 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
  9. 9.
    None
  10. 10.
    None
  11. 11.
    None
  12. 12.
    None
  13. 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)
  14. 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
  15. 15.
    None
  16. 16.
    None
  17. 17.

    JEKYLL TRANSITIONS SMOOTHLY BETWEEN PROTOTYPING, CONTENT AUTHORING, AND DEPLOYMENT TASKS

    Young Hahn HTTPS://DEVELOPMENTSEED.ORG/BLOG/2011/09/09/JEKYLL-GITHUB-PAGES/
  18. 18.

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

  19. 19.
    None
  20. 20.
    None
  21. 21.
    None
  22. 22.
    None
  23. 23.

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

  24. 24.

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

  25. 25.
    None
  26. 26.
    None
  27. 27.

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

  28. 28.
    None
  29. 29.

    UX

  30. 30.

    CONTENT
 AS A SERVICE

  31. 31.

    MODERN 
 HOSTING

  32. 32.

    NODE JS DYNAMIC HOSTING

  33. 33.

    WEB SERVICES

  34. 34.
    None
  35. 35.

    JEKYLL’S SUMMER OF CODE

  36. 36.

    STATIC EVENTS

  37. 37.
    None
  38. 38.
    None
  39. 39.
    None
  40. 40.

    @DIRTYF THANKS