$30 off During Our Annual Pro Sale. View Details »

Static Sites & Generators FTW!

Static Sites & Generators FTW!

Static Sites & Static Site Generators

Reuben Cummings

June 01, 2016
Tweet

More Decks by Reuben Cummings

Other Decks in Technology

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