Static Sites & Generators FTW!

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

@reubano #arushacoders STATIC SITES 2

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

@reubano #arushacoders DYNAMIC SITES 5

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

@reubano #arushacoders CAN WE DO BETTER? 9

Slide 10

Slide 10 text

@reubano #arushacoders STATIC SITE GENERATORS 10

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

@reubano #arushacoders CONTENT 12

Slide 13

Slide 13 text

@reubano #arushacoders TEMPLATES 13

Slide 14

Slide 14 text

@reubano #arushacoders PLUGINS 14

Slide 15

Slide 15 text

@reubano #arushacoders HOSTING 15

Slide 16

Slide 16 text

@reubano #arushacoders COMMENTS 16

Slide 17

Slide 17 text

@reubano #arushacoders 17

Slide 18

Slide 18 text

@reubano #arushacoders THE BAD PARTS 18

Slide 19

Slide 19 text

@reubano #arushacoders THE BAD PARTS content HTML HTML 19

Slide 20

Slide 20 text

@reubano #arushacoders REPLACING CMS HTML HTML content content 20

Slide 21

Slide 21 text

@reubano #arushacoders REPLACING CMS 21

Slide 22

Slide 22 text

RESOURCES https://daringﬁreball.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

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

@reubano #arushacoders THANKS! Reuben Cummings @reubano 25