Static Sites & Generators FTW!

Static Sites & Static Site Generators

Transcript

1. STATIC SITES & GENERATORS FTW!
   Arusha Coders June 1, 2016
   by Reuben Cummings
   @reubano #arushacoders
   1
   

   View Slide

2. @reubano #arushacoders
   STATIC SITES
   2
   

   View Slide

3. @reubano #arushacoders
   site.com/page1 someone’s
   computer
   page1.html
   page2.html
   page1.html
   STATIC SITES
   3
   

   View Slide

4. @reubano #arushacoders
   site.com/page2 someone’s
   computer
   page2.html
   page2.html
   page2.html
   STATIC SITES
   4
   

   View Slide

5. @reubano #arushacoders
   DYNAMIC SITES
   5
   

   View Slide

6. @reubano #arushacoders
   site.com/page1 DB
   PHP
   page1.html
   DYNAMIC SITES
   files
   files
   6
   

   View Slide

7. @reubano #arushacoders
   site.com/page2
   page2.html
   DYNAMIC SITES
   DB
   PHP
   files
   files
   7
   

   View Slide

8. @reubano #arushacoders
   HEAD TO HEAD
   Static Sites Dynamic Sites
   Resilient ✔
   Fast ✔
   Vulnerable ✔
   Themeable ✔
   Simple ✔
   8
   

   View Slide

9. @reubano #arushacoders
   CAN WE DO BETTER?
   9
   

   View Slide

10. @reubano #arushacoders
    STATIC SITE GENERATORS
    10
    

    View Slide

11. @reubano #arushacoders
    STATIC SITE GENERATORS
    content
    data
    styles
    templates
    plugins HTML
    HTML
    11
    

    View Slide

12. @reubano #arushacoders
    CONTENT
    12
    

    View Slide

13. @reubano #arushacoders
    TEMPLATES
    13
    

    View Slide

14. @reubano #arushacoders
    PLUGINS
    14
    

    View Slide

15. @reubano #arushacoders
    HOSTING
    15
    

    View Slide

16. @reubano #arushacoders
    COMMENTS
    16
    

    View Slide

17. @reubano #arushacoders
    17
    

    View Slide

18. @reubano #arushacoders
    THE BAD PARTS
    18
    

    View Slide

19. @reubano #arushacoders
    THE BAD PARTS
    content HTML
    HTML
    19
    

    View Slide

20. @reubano #arushacoders
    REPLACING CMS
    HTML
    HTML
    content
    content
    20
    

    View Slide

21. @reubano #arushacoders
    REPLACING CMS
    21
    

    View Slide

22. RESOURCES
    https://daringfireball.net/projects/markdown/
    http://handlebarsjs.com/
    https://jekyllrb.com/
    https://www.staticgen.com/
    https://staticsitegenerators.net/
    https://disqus.com/
    https://pages.github.com/
    https://www.contentful.com/
    22
    

    View Slide

23. RESOURCES
    https://www.netlify.com/
    http://graphql.org/
    https://aws.amazon.com/lambda/details/
    http://kevinold.com/2016/02/01/serverless-graphql.html
    https://github.com/serverless/serverless-graphql-blog
    https://github.com/serverless/serverless
    https://hexo.io/
    https://www.gitbook.com/
    23
    

    View Slide

24. RESOURCES
    https://gohugo.io/
    https://blog.vellumatlanta.com/2016/05/04/apple-stole-my-music-no-
    seriously/
    24
    

    View Slide

25. @reubano #arushacoders
    THANKS!
    Reuben Cummings
    @reubano
    25
    

    View Slide