Static Sites Can be the Solution (Simon Wood)
1 like•2,609 views
The document discusses the advantages of static sites over dynamic sites, emphasizing issues like scalability, security, and site speed. It also explores static site generators and flat-file content management systems as modern alternatives, highlighting tools and examples for implementation. The author outlines the benefits of adopting static sites, including performance, hosting simplicity, and content portability.
![@hpoom
---
layout: post
title: Bloggling like a pro
tags: ['baby', 'startup', 'prediction']
created: '2014-03-17T22:24:18+00:00'
---
*content goes here*
43](https://image.slidesharecdn.com/londonweb-ssg-140718101942-phpapp01/85/Static-Sites-Can-be-the-Solution-Simon-Wood-53-320.jpg)
Static Sites Can be the Solution (Simon Wood)
- 1. @hpoom Static Sites Can be the Solution By Simon Wood London Web - July 2014 1
- 2. / @hpoom About me Head of Technology and Innovation Holiday Extras Simon Wood 2
- 5. / @hpoom What I am going to cover 5
- 6. / @hpoom Dynamic sites don’t work What I am going to cover 5
- 7. / @hpoom Dynamic sites don’t work Static Site Generators What I am going to cover 5
- 8. / @hpoom Dynamic sites don’t work Static Site Generators Flat file CMS What I am going to cover 5
- 9. / @hpoom Static does not mean static Static Site != Static Content 6
- 10. / @hpoom Static does not mean static Static Site == Static Architecture 7
- 11. @hpoom Things are not working now 8
- 12. ” @hpoom WordPress is used by more than 22% of the top 10 million websites as of August 2013 Wikipedia "WordPress Pencil and Pins-07" by Christopher Ross. Licensed under Creative Commons.- https://flic.kr/p/a688WQ9
- 16. ” @hpoom Some websites are fried up for the user every time. But others are baked once and served up again and again. Aaron Swartz http://bit.ly/bake-fry "Boston Wiki Meetup" by Sage Ross. Licensed under Creative Commons.- https://flic.kr/p/6QVV3613
- 21. / @hpoom Problems with CMS Portability ReliabilitySecurity 15
- 27. / @hpoom Medium medium.com Less is Less Gov UK www.gov.uk/transformation 21
- 28. ” @hpoom The web's moved beyond the desktop, and it's not looking back. The number of devices we're designing for is growing just as quickly as mobile traffic. Ethan Marcotte "Device lab" by Jeremy Keith. Licensed under Creative Commons.- https://flic.kr/p/kj1Dm722
- 35. / @hpoom History of SSG Moveable Type 13 years old 28
- 36. / @hpoom History of SSG nanoc 7 years old Moveable Type 13 years old 28
- 37. / @hpoom History of SSG nanoc 7 years old jekyll 6 years old Moveable Type 13 years old 28
- 42. / @hpoom staticsitegenerators.net 287 33
- 43. / @hpoom staticsitegenerators.net 287 33
- 45. / @hpoom Lots of choice assemble Cactus DocPad Dropplets Hexo Hugo Hyde Jekyll metalsmith Middleman Octopress Pelican Stacey Wintersmith GO JavaScript PHP Python Ruby 35
- 48. / @hpoom Markdown is the future "Markdown is the Future of Writing" by Robby Ingebretsen. - http://bit.ly/mdfuture ## A Little Markdown Example Markdown is **awesome** because: - it’s easy to *write* - it’s easy to *read* - it keeps you in the *moment* A LITTLE MARKDOWN EXAMPLE Markdown is awesome because: • it’s easy to write • it’s easy to read • it keeps you in the moment 38
- 49. ” @hpoom If your app has text fields that can be formatted, and you're using your own janky custom markup instead of Markdown, you're doing it wrong. Ernie Miller "Old school (9/365)" by Jinny. Licensed under Creative Commons.- https://flic.kr/p/7uELQN39
- 51. / @hpoom Web Editor dillinger.io Markdown Tools Mac Editor mouapp.com Books gitbook.io 41
- 53. @hpoom --- layout: post title: Bloggling like a pro tags: ['baby', 'startup', 'prediction'] created: '2014-03-17T22:24:18+00:00' --- *content goes here* 43
- 55. @hpoom <!DOCTYPE html> <html lang ="en"> <head> <meta charset="UTF-8"> <title>{{title}}</title> </head> <body> {{content}} </body> </html> 45
- 56. / @hpoom Template Engines Eco Haml Handlebars Jade Mustache Twig CoffeeScript JavaScript PHP Ruby 46
- 63. ” @hpoom I believe that writing a static site generator is the new "Hello World". It is stupidly trivial to write a basic one. Timo Zimmermann http://bit.ly/ssghello "printf("hello, worldn");" by isipeoria. Licensed under Creative Commons.- https://flic.kr/p/bcgZ5g53
- 67. @hpoom Example Flat FILE CMS Sites 57
- 69. / @hpoom World Backup Day Kirby worldbackupday.com 59
- 70. / @hpoom Some Flat File CMS Kirby statamic Pico Stacey Cockpit Monstra razorCMS 60
- 72. ” @hpoom A flat-file CMS is a content management system that stores content in files and folders rather than in a DB like a traditional CMS Jeremiah Shoaf http://bit.ly/FlatCMS "P1040010" by Mike Linksvayer. Licensed under Creative Commons.- https://flic.kr/p/dYKSNz62
- 74. / @hpoom My blog needs comments 64
- 75. / @hpoom My blog needs comments 64
- 76. / @hpoom My blog needs comments 64
- 77. / @hpoom My blog needs comments 64
- 80. / @hpoom Bells & whistles Surveys Video 65
- 81. / @hpoom Bells & whistles Surveys Video Charts 65
- 82. / @hpoom Client side JS can do a lot Web Sockets WebRTC Canvas WebGL Local Storage Animation Video Audio Shadow DOM 66
- 84. @hpoom Where it is not Suitable 68
- 86. @hpoom not a solution to everything 70
- 89. / @hpoom I can’t change my CMS 73
- 90. / @hpoom Boost I can’t change my CMS 73
- 91. / @hpoom Boost WP-Super Cache I can’t change my CMS 73
- 92. / @hpoom Boost WP-Super Cache I can’t change my CMS Buster 73
- 94. @hpoom All else fails then VARNISH 75
- 96. @hpoom SPEED 77
- 101. @hpoom SIMPLICITY 82
- 103. @hpoom Thank youplease contact me if you have any questions Twitter: @hpoom Links: http://bit.ly/LW-July logo By Simon Wood London Web - July 2014 84