Back to the future with static site generators
0 likes449 views
If you remember when web sites were all created with plain HTML pages, then you'll know that CMSs and dynamic web frameworks saved us and solved all our problems. Or did they? In fact, we instead spend a lot of time customising existing code to meet our requirements, grappling with deployments and then whacking caching on top of over-powered servers to get an ounce of speed. Static Site Generators aim to sit somewhere in the middle and are perfect for semi-dynamic sites and with a little learning, better for content creators. In this session, Chris will look at an overview of the principles and options for static site generators and deep dive into one or two to explain further how the work and can fit into your projects.
Ad
More Related Content
What's hot (20)
Viewers also liked (20)
Ad
Similar to Back to the future with static site generators (20)
Ad
More from Chris Ward (20)
Recently uploaded (20)
Back to the future with static site generators
- 1. Dev Week 2016, London With Static Site Generators @chrischinch
- 2. [{
- 6. 1998
- 11. Anyone Remember? <frameset cols="50%,50%"> <frame src=“page.html" /> <frame src=“page2.html" /> </frameset>
- 16. [}
- 24. Not Alone (Or Just PHP) ❖ Wordpress: 647,518 ❖ Joomla: 536,085 ❖ Ruby on Rails: 330,059
- 26. [|
- 33. But… What is a Static Site Generator? Content + Repeatable Elements → Static Website
- 34. Positives ❖ Collaboration & Workflow ❖ Super Fast ❖ Pre-build Irrelevant ❖ Flexible ❖ Minimal Infrastructure
- 35. Negatives ❖ Not Dynamic ❖ New ❖ Technical Knowledge
- 37. Why These Options? ❖ Stars / Downloads ❖ Community ❖ Simplicity ❖ Activity ❖ 1 per Language
- 38. Example Site ❖ Installation ❖ Configuration ❖ Creating Blog posts ❖ Creating Custom Event type ❖ Templates ❖ Extending
- 39. Jekyll / Octopress ❖ History ❖ Ruby ❖ Templates: Liquid ❖ jekyllrb.com gem install jekyll jekyll new devweekjk
- 40. Middleman ❖ History ❖ Ruby ❖ Templates: ERB ❖ middlemanapp.com gem install middleman middleman init devweekmi
- 41. Hugo ❖ History ❖ Go ❖ Templates: Go Templates ❖ gohugo.io Pre-built binaries hugo new site devweekhg
- 42. Hexo ❖ History ❖ JavaScript ❖ Templates: EJS / Swig ❖ hexo.io npm install hexo-cli -g hexo init <folder> npm install
- 43. Pelican ❖ History ❖ Python ❖ Templates: Jinja2 ❖ getpelican.com pip install pelican markdown mkdir -p devweekpe pelican-quickstart
- 44. Sculpin ❖ History ❖ PHP ❖ Templates: Twig ❖ sculpin.io curl -O https:// download.sculpin.io/sculpin.phar chmod +x sculpin.phar ?? sculpin install
- 45. Assemble ❖ History ❖ node.js ❖ Templates: Jade ❖ assemble.io mkdir devweekas grunt-init assemble npm install && bower install
- 46. Hakyll ❖ History ❖ Haskell ❖ Templates: Pandoc ❖ jaspervdj.be/hakyll cabal install hakyll wait……… hakyll-init devweekhk
- 47. Cryogen ❖ History ❖ Clojure ❖ Templates: Selmer ❖ cryogenweb.org lein new cryogen devweekcr cd devweekcr
- 48. Luapress ❖ History ❖ Lua ❖ Templates: Mustache ❖ luapress.org luarocks install luapress luapress init devweeklp
- 49. JBake ❖ History ❖ Java ❖ Templates: Freemarker ❖ jbake.org brew install jbake mkdir devweekjb bake -i
- 50. Deployment ❖ FTP / SCP ❖ Rsync ❖ GitHub Pages / Hooks ❖ Language Build Systems / CIs ❖ Netlify, Surge etc…
- 51. Extending ❖ Jekyll: Generators, Converters, Commands, Tags, Hooks ❖ Middleman: New Features, Helpers, Manipulate Content, Hooks ❖ Hexo: Utilities available ❖ Pelican: Signals (Hooks)
- 52. Extending ❖ Sculpin: Symfony bundles ❖ Assemble: Plugins, Helpers ❖ Luapress: Basic docs
- 53. What’s Possible?
- 54. Thanks! Chris Ward (aka Chinchilla) Technical Writer & Developer Relations gregariousmammal.com @chrischinch staticgen.com