Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

Dynamic Static Site Strategies

Dynamic Static Site Strategies

Are we over-engineering? What is the real effort in developing, hosting and maintaining sites which have many moving parts? The cost of serving static sites has never been lower. And front-end development practices have never been richer. Couldn't we harness this better and make life simpler without dumbing down?

In this talk we'll explore some unexpected capabilities And characteristics of "static" sites. We'll look at ways to use emerging tools and services to create robust, high performance sites which can be more dynamic than some of their heavier and more costly brothers and sisters.

#ssgeewizz

Phil Hawksworth

February 14, 2014
Tweet

More Decks by Phil Hawksworth

Other Decks in Technology

Transcript

  1. >< {}\ stu @PHILHAWKSWORTH THE {CLIENT} NEEDS A BEAUTIFUL SITE

    CLEAR CONTENT GOOD BROWSER SUPPORT SPEEDY LOADING EASY TO UPDATE PROBABLY A CMS DYNAMIC CONTENT SENSIBLE URLS
  2. >< {}\ stu @PHILHAWKSWORTH THE {CLIENT} NEEDS A BEAUTIFUL SITE

    CLEAR CONTENT GOOD BROWSER SUPPORT SPEEDY LOADING EASY TO UPDATE PROBABLY A CMS DYNAMIC CONTENT SENSIBLE URLS
  3. >< {}\ stu @PHILHAWKSWORTH I CARE ABOUT NOT HAVING TO

    MAINTAIN CRANKY AOLSERVER, POSTGRES AND ORACLE INSTALLS AARON SWARTZ, 2002
  4. >< {}\ stu @PHILHAWKSWORTH JEKYLL RUBY HYDE PYTHON MIDDLEMAN RUBY

    DOCPAD JAVASCRIPT ASSEMBLE JAVASCRIPT HARP JAVASCRIPT
  5. >< {}\ stu @PHILHAWKSWORTH The one problem with the “bake”

    philosophy is dependencies. It’s difficult to keep track of which pages depend on which others and regenerate them correctly when they change.
  6. >< {}\ stu @PHILHAWKSWORTH The one problem with the “bake”

    philosophy is dependencies. It’s difficult to keep track of which pages depend on which others and regenerate them correctly when they change. SOLVED
  7. >< {}\ tu }\ HOSTING & OPTIMISATION AS A SERVICE

    AUTOMATIC CDN MANAGEMENT AUTOMATED DEPLOYMENTS OTHER FUNKY SHIZZLE BITBALLOON
  8. >< {}\ stu @PHILHAWKSWORTH --- --- { "posts" : [

    {% for item in site.posts %} { "title" : "{{ item.title }}", "url" : "{{ item.url }}", "date" : "{{ item.date | date_to_long_string }}", "words" : "{{ item.content | strip_html | wordmap }}" } {% if forloop.last != true %},{% endif %} {% endfor %} ]} SRC/SEARCH.JSON
  9. >< {}\ stu @PHILHAWKSWORTH { !"posts" : [ !{ !!"title"

    : "TF;DR - Too funky; Didn't read.", !!"url" : "/blog/too-funky-didnt-read", !!"date" : "06 January 2014", !!"words" : "observations web excess trend for 'parallax' order keep down just 77mb (big low typical single embark my usual rants bloated pages require loadin recently said? curious hear regardless implementat !}, ... SITE/SEARCH.JSON
  10. >< {}\ stu @PHILHAWKSWORTH FIRST!! WHAT ABOUT COMMENTS? DAMMIT I

    THOUGHT I WAS FIRST BUT U BEAT ME LOL ROFL OMG
  11. >< {}\ stu @PHILHAWKSWORTH <form name="signup" action="thank-you.html"> First Name: <input

    type="text" name="first_name"> Email: <input type="email" name="email"> <button>Sign me up</button> </form>
  12. < }\ stu {}\ THANKS FONTS LINKS BATTLESHIP - www.flickr.com/photos/swfphotos/8075999488

    COMPLIANCE - www.flickr.com/photos/aorr/1229272894 SALTNPEPPER - www.flickr.com/photos/camknows/4595655917 JEKYLL - jekyllrb.com HARP - harpjs.com, harp.io SSGS - staticsitegenerators.net HEXO - zespia.tw/hexo BAKE, DON’T FRY - www.aaronsw.com/weblog/000404 BITBALLOON - www.bitballoon.com BITBALLOON API - github.com/BitBalloon/bitballoon-api PLACARD CONDENSED VENEER EXTRAS WC RHESUS BETA MAC ICON STANDARD