![Page 1: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/1.jpg)
><\ {}st
DYNAMIC STATIC SITE STRATEGIESDEVCONFU, MAY 2014
![Page 2: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/2.jpg)
><\ {}st
DYNAMIC STATIC SITE STRATEGIESDEVCONFU, MAY 2014
DYNAMIC STATIC SITE STRATEGIES
![Page 3: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/3.jpg)
><{}\ stu{}\
STATIC SITEGENERATION
![Page 4: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/4.jpg)
><{}\ stu{}\
SSGEEWIZZ
![Page 5: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/5.jpg)
><\ {}st
SSGEEWIZZ
![Page 6: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/6.jpg)
><{}\ stu
@PHILHAWKSWORTH
A QUICK INTRO
![Page 7: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/7.jpg)
><{}\ stu{}\
PHILHAWKSWORTH@
#DEVCONFU
![Page 8: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/8.jpg)
><{}\ stu
@PHILHAWKSWORTH
CLIENTS
![Page 9: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/9.jpg)
><{}\ stu
@PHILHAWKSWORTH
FRONT END
![Page 10: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/10.jpg)
><{}\ stu
@PHILHAWKSWORTH
I’M A SOFTWARE ENGINEER
WHAT LANGUAGE?
JAVASCRIPT
HA HA HA HA...!
![Page 11: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/11.jpg)
><\ {}st
@PHILHAWKSWORTH><F#@!!!
![Page 12: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/12.jpg)
><{}\ stu
@PHILHAWKSWORTH
TOOLSENGINEERING
o
![Page 13: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/13.jpg)
><\ {}st
@PHILHAWKSWORTH><M
![Page 14: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/14.jpg)
><\ {}st
@PHILHAWKSWORTH>< M
HIPSTER
TAXthe
![Page 15: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/15.jpg)
><\ {}st
@PHILHAWKSWORTH><STATIC SITEGENERATION
![Page 16: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/16.jpg)
><\ {}st
@PHILHAWKSWORTH><THE GOOD OL’ DAYS
![Page 17: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/17.jpg)
><{}\ stu
@PHILHAWKSWORTH
~/htdocs
![Page 18: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/18.jpg)
><{}\ stu
@PHILHAWKSWORTH
http://aston.ac.uk/~hawkswpn404
![Page 19: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/19.jpg)
><{}\ stu
@PHILHAWKSWORTH
WRITE TEXTSAVE
REFRESHREPEATREJOICE
![Page 20: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/20.jpg)
><{}\ stu
@PHILHAWKSWORTH
MORE AMBITIOUS
![Page 21: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/21.jpg)
><{}\ stu
@PHILHAWKSWORTH
YOU NEED A SIEGEY BIN
MY BUDDY AT UNI
![Page 22: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/22.jpg)
><{}\ stu
@PHILHAWKSWORTH
cgi-bin
![Page 23: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/23.jpg)
><{}\ stu
@PHILHAWKSWORTH
PERL
![Page 24: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/24.jpg)
><{}\ stu
@PHILHAWKSWORTH
QPLUMBING & INFRASTRUCTURE
![Page 25: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/25.jpg)
><{}\ stu
@PHILHAWKSWORTH
A RETURN TO SIMPLICITY
![Page 26: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/26.jpg)
><{}\ stu
@PHILHAWKSWORTH
THE CHALLENGE
![Page 27: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/27.jpg)
><{}\ stu
@PHILHAWKSWORTH
THE {CLIENT} NEEDSA BEAUTIFUL SITECLEAR CONTENT
GOOD BROWSER SUPPORTSPEEDY LOADING
EASY TO UPDATEPROBABLY A CMSDYNAMIC CONTENT
SENSIBLE URLS
![Page 28: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/28.jpg)
><{}\ stu
@PHILHAWKSWORTH
A MOBILE FIRSTRESPONSIVE
WEB APP
BUZZWORD ALERT
k
k
![Page 29: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/29.jpg)
><{}\ stu
@PHILHAWKSWORTH
AMOBILEFIRSTRESPONSIVEWEBAPP#
![Page 30: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/30.jpg)
><{}\ stu
@PHILHAWKSWORTH
A WEB SITE
![Page 31: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/31.jpg)
><{}\ stu
@PHILHAWKSWORTH
THE {CLIENT} NEEDSA BEAUTIFUL SITECLEAR CONTENT
GOOD BROWSER SUPPORTSPEEDY LOADING
EASY TO UPDATEPROBABLY A CMSDYNAMIC CONTENT
SENSIBLE URLS
![Page 32: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/32.jpg)
><{}\ stu
@PHILHAWKSWORTH
IS THIS ONLY POSSIBLE WITH A DYNAMIC
SERVER ARCHITECTURE?
![Page 33: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/33.jpg)
><{}\ stu{}\
NO
![Page 34: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/34.jpg)
><{}\ stu
@PHILHAWKSWORTH
STATIC ARCHITECTURE
DYNAMICFEATURES
for
![Page 35: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/35.jpg)
><{}\ stu
@PHILHAWKSWORTH
WHAT DOESDYNAMIC MEAN?
![Page 36: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/36.jpg)
><{}\ stu
@PHILHAWKSWORTH
PERSONALISED CONTENT
![Page 37: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/37.jpg)
><{}\ stu
@PHILHAWKSWORTH
USER GENERATED CONTENT
![Page 38: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/38.jpg)
><{}\ stu
@PHILHAWKSWORTH
TIME TO REFRESH
![Page 39: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/39.jpg)
><{}\ stu
@PHILHAWKSWORTH
{PUBLISHto
TIME
![Page 40: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/40.jpg)
><{}\ stu
@PHILHAWKSWORTH
KEEP IT FRESH
![Page 41: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/41.jpg)
><{}\ stu
@PHILHAWKSWORTH
CODE
DEPLOYMENTCONTENT
DEPLOYMENT
![Page 42: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/42.jpg)
><{}\ stu
@PHILHAWKSWORTH
THE OPPORTUNITY
![Page 43: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/43.jpg)
><{}\ stu
@PHILHAWKSWORTH
CONSIDERHONEST
USE CASES
![Page 44: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/44.jpg)
><{}\ stu
@PHILHAWKSWORTH
MANY TYPES OF SITES
![Page 45: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/45.jpg)
><{}\ stu
@PHILHAWKSWORTH
TARGETED CONTENT
![Page 46: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/46.jpg)
><{}\ stu
@PHILHAWKSWORTH
READ ONLY
![Page 47: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/47.jpg)
><{}\ stu
@PHILHAWKSWORTH
READ OFTEN
![Page 48: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/48.jpg)
><{}\ stu
@PHILHAWKSWORTH
WE CAN MAKE EVERYTHING
FASTER
![Page 49: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/49.jpg)
><{}\ stu
@PHILHAWKSWORTH
GROUND BREAKINGNEW APPROACH
62002
![Page 50: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/50.jpg)
><\ {}st
BAKE, DON’T FRY
![Page 51: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/51.jpg)
><{}\ stu
@PHILHAWKSWORTH
BAKE, DON’T FRYAARON SWARTZ
![Page 52: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/52.jpg)
><{}\ stu
@PHILHAWKSWORTH
WEBMAKEA PERL CMS
![Page 53: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/53.jpg)
><{}\ stu
@PHILHAWKSWORTH
![Page 54: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/54.jpg)
><{}\ stu
@PHILHAWKSWORTH
I CARE ABOUT NOT HAVING TO MAINTAIN CRANKY AOLSERVER,
POSTGRES AND ORACLE INSTALLSAARON SWARTZ, 2002
![Page 55: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/55.jpg)
><{}\ stu
@PHILHAWKSWORTH
REDUCE COMPLEXITY
![Page 56: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/56.jpg)
><{}\ stu
@PHILHAWKSWORTH
EASE OF DEVELOPEMENT
![Page 57: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/57.jpg)
><{}\ stu
@PHILHAWKSWORTH
INCREASED PORTABILITY
![Page 58: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/58.jpg)
><{}\ stu
@PHILHAWKSWORTH
![Page 59: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/59.jpg)
><{}\ stu
@PHILHAWKSWORTH
![Page 60: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/60.jpg)
><{}\ stu
@PHILHAWKSWORTH
CONFIDENCE
![Page 61: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/61.jpg)
><{}\ stu
@PHILHAWKSWORTH
ENTERPRISE COMPLIANCE
![Page 62: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/62.jpg)
><{}\ stu
@PHILHAWKSWORTH
SECURITY AUDITPENETRATION TESTINGLOAD TESTING
![Page 63: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/63.jpg)
><{}\ stu
@PHILHAWKSWORTH
NOT ABOUT PERFORMANCE
![Page 64: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/64.jpg)
><{}\ stu
@PHILHAWKSWORTH
SOME CHEAP PERFORMANCE GAINS EXIST
but
![Page 65: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/65.jpg)
><{}\ stu
@PHILHAWKSWORTH
FILE BASED ARCHITECTURE
![Page 66: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/66.jpg)
><{}\ stu
@PHILHAWKSWORTH
RAPID REQUEST
RESPONSE
![Page 67: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/67.jpg)
><{}\ stu
@PHILHAWKSWORTH
COSTS
![Page 68: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/68.jpg)
><{}\ stu
@PHILHAWKSWORTH
HOSTING
![Page 69: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/69.jpg)
><{}\ stu
@PHILHAWKSWORTH
“JUST A FEW PERSONAL SITES”
![Page 70: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/70.jpg)
><{}\ stu
@PHILHAWKSWORTH
NOW I’M SAVING$40 A MONTH
![Page 71: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/71.jpg)
><{}\ stu
@PHILHAWKSWORTH
AT SCALE, THIS CAN BE
BIG
![Page 72: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/72.jpg)
><{}\ stu
@PHILHAWKSWORTH
MAINTENANCE
![Page 73: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/73.jpg)
><{}\ stu
@PHILHAWKSWORTH
LESS INFRASTRUCTUREFEWER SERVERSLESS PRODUCTION CODE
![Page 74: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/74.jpg)
><{}\ stu
@PHILHAWKSWORTH
PORTABILITY
![Page 75: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/75.jpg)
><{}\ stu
@PHILHAWKSWORTH
FILES CAN GO ANYWHERE
![Page 76: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/76.jpg)
><{}\ stu
@PHILHAWKSWORTH
AVAILABILITY OF SKILLS
![Page 77: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/77.jpg)
><{}\ stu
@PHILHAWKSWORTH
FOCUS
![Page 78: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/78.jpg)
><{}\ stu
@PHILHAWKSWORTH
ARCHITECTURAL COMPLEXITY
![Page 79: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/79.jpg)
><{}\ stu
@PHILHAWKSWORTH
WIDERTALENT POOL
![Page 80: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/80.jpg)
><{}\ stu
@PHILHAWKSWORTH
DEVELOPMENT COSTS
![Page 81: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/81.jpg)
><{}\ stu
@PHILHAWKSWORTH
CONFIDENCE
![Page 82: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/82.jpg)
><{}\ stu
@PHILHAWKSWORTH
TOOLS & ENABLERS
![Page 83: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/83.jpg)
><{}\ stu
@PHILHAWKSWORTH
EASIERITERATION
DYNAMICthrough
![Page 84: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/84.jpg)
><{}\ stu
@PHILHAWKSWORTH
GENERATORSAUTOMATION HOSTING
![Page 85: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/85.jpg)
><{}\ stu
@PHILHAWKSWORTH
JEKYLL RUBY
HYDE PYTHON
MIDDLEMAN RUBY
DOCPAD JAVASCRIPT
ASSEMBLE JAVASCRIPT
HARP JAVASCRIPT
![Page 86: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/86.jpg)
><{}\ stu
@PHILHAWKSWORTH
STATICSITEGENERATORS.NETDOCPAD / AUTOMATED / 274 SSGs
![Page 87: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/87.jpg)
><{}\ stu
@PHILHAWKSWORTH
274
![Page 88: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/88.jpg)
><\ {}st
@PHILHAWKSWORTH>< M
HIPSTER
TAXthe
![Page 89: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/89.jpg)
><{}\ stu
@PHILHAWKSWORTH
JEKYLL
![Page 90: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/90.jpg)
><\ {}st
{}\
{}\
![Page 91: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/91.jpg)
><{}\ stu
@PHILHAWKSWORTH
BIG STACK
TINYSTACK
SMALL STACK
![Page 92: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/92.jpg)
><{}\ 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.
![Page 93: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/93.jpg)
><{}\ 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
![Page 94: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/94.jpg)
><{}\ stu
@PHILHAWKSWORTH
RICH TEMPLATING ENGINESPARTIALSINHERITANCELOGIC
![Page 95: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/95.jpg)
><{}\ stu{}\
wikipedia.org/wiki/Web_template_system
![Page 96: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/96.jpg)
><{}\ stu{}\
wikipedia.org/wiki/Web_template_system
![Page 97: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/97.jpg)
><{}\ stu{}\
wikipedia.org/wiki/Web_template_system
![Page 98: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/98.jpg)
><{}\ stu
@PHILHAWKSWORTH
DEPENDENCIES
![Page 99: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/99.jpg)
><{}\ stu
@PHILHAWKSWORTH
ATWOOD’S LAW
![Page 100: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/100.jpg)
><{}\ stu
@PHILHAWKSWORTH
ATTWOOD’S LAWANY APPLICATION THAT CAN BE WRITTEN IN JAVASCRIPT,
WILL EVENTUALLY BE WRITTEN IN JAVASCRIPT
JEFF ATWOOD, 2007
![Page 101: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/101.jpg)
><{}\ stu
@PHILHAWKSWORTH
$ npm install
![Page 102: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/102.jpg)
><{}\ stu
@PHILHAWKSWORTH
$ npm isntall
![Page 103: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/103.jpg)
><{}\ stu
@PHILHAWKSWORTH
BIG STACK
TINYSTACK
SMALL STACK
![Page 104: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/104.jpg)
><{}\ stu
@PHILHAWKSWORTH
BIG STACK
TINYSTACK
SMALL STACK
![Page 105: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/105.jpg)
><{}\ stu
@PHILHAWKSWORTH
HARPJS
![Page 106: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/106.jpg)
><{}\ stu
@PHILHAWKSWORTH
HARPJS PREPROCESSINGEJS, SWIGSASS, LESSCOFFEESCRIPT
![Page 107: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/107.jpg)
><{}\ stu
@PHILHAWKSWORTH
LESSBLOGGY
MOARDATA
OBJECTS
![Page 108: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/108.jpg)
><{}\ stu
@PHILHAWKSWORTH
RAPID & POWERFULSITE GENERATION
![Page 109: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/109.jpg)
><{}\ stu
@PHILHAWKSWORTH
RAPID & POWERFULSITE GENERATIONSOLVED
![Page 110: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/110.jpg)
><{}\ stu
@PHILHAWKSWORTH
GENERATORSAUTOMATION HOSTING
![Page 111: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/111.jpg)
><{}\ stu
@PHILHAWKSWORTH
333
\\
![Page 112: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/112.jpg)
><{}\ stu
@PHILHAWKSWORTH
d
![Page 113: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/113.jpg)
><{}\ stu
@PHILHAWKSWORTH
AUTOMATIONREPEATABLE
PREDICATABLELOW FRICTION
![Page 114: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/114.jpg)
><{}\ stu
@PHILHAWKSWORTH
FABRIC
![Page 115: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/115.jpg)
><{}\ stu
@PHILHAWKSWORTH
GRUNTGULP
BRUNCHBELCHBURP
COUGHHICCUP
MMM
![Page 116: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/116.jpg)
><{}\ stu
@PHILHAWKSWORTH
GENERATORSAUTOMATION HOSTING
![Page 117: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/117.jpg)
><{}\ stu
@PHILHAWKSWORTH
SITE44
![Page 118: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/118.jpg)
><{}\ stu
@PHILHAWKSWORTH
333
\\
![Page 119: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/119.jpg)
><{}\ stu
@PHILHAWKSWORTH
GITHUB PAGES
![Page 120: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/120.jpg)
><\ {}st
BITBALLOON
![Page 121: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/121.jpg)
><\ {}st
BITBALLOON
![Page 122: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/122.jpg)
><\ {}st
HOSTING & OPTIMISATION AS A SERVICEAUTOMATIC CDN MANAGEMENTAUTOMATED DEPLOYMENTSOTHER FUNKY SHIZZLE
BITBALLOON
![Page 123: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/123.jpg)
><{}\ stu
@PHILHAWKSWORTH
AMAZON S3GITHUB PAGES
DROPBOXSTATIC HOSTING AAS
ANY WEBSERVER
![Page 124: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/124.jpg)
><{}\ stu
@PHILHAWKSWORTH
PUSH IT
![Page 125: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/125.jpg)
><{}\ stu
@PHILHAWKSWORTH
EXAMPLES
![Page 126: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/126.jpg)
><{}\ stu{}\
BEERCLUBSIMPLEST EXAMPLESIMPLEST WORKFLOWPOWERED BY NERDS
![Page 127: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/127.jpg)
><{}\ stu
@PHILHAWKSWORTH
OUTSOURCED HOSTING
![Page 128: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/128.jpg)
><{}\ stu
@PHILHAWKSWORTH
GITHUB PAGES
![Page 129: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/129.jpg)
><{}\ stu
@PHILHAWKSWORTH
$ git push origin gh-pages
![Page 130: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/130.jpg)
><{}\ stu
@PHILHAWKSWORTH
OUTSOURCED VERSION CONTROL
![Page 131: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/131.jpg)
><{}\ stu
@PHILHAWKSWORTH
OUTSOURCEDSITE GENERATION
![Page 132: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/132.jpg)
><{}\ stu
@PHILHAWKSWORTH
OUTSOURCED DEPLOYMENT
![Page 133: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/133.jpg)
><\ {}st
@PHILHAWKSWORTH><{{ site.data.FILENAME }}
![Page 134: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/134.jpg)
><\ {}st
@PHILHAWKSWORTH><{{ site.data.drops }}
![Page 135: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/135.jpg)
><{}\ stu{}\
![Page 136: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/136.jpg)
><{}\ stu
@PHILHAWKSWORTH
TOTALLYFORKEDSIMPLEST EXAMPLESIMPLEST WORKFLOWNOT POWERED BY NERDS
![Page 137: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/137.jpg)
><{}\ stu
@PHILHAWKSWORTH
SIMPLIFYINGDUMBING DOWN
is not
![Page 138: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/138.jpg)
><{}\ stu
@PHILHAWKSWORTH
SIMPLIFYINGFOCUS ON WHAT
lets us
MATTERS
![Page 139: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/139.jpg)
![Page 140: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/140.jpg)
Developers Relations
![Page 141: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/141.jpg)
><\ {}st
@PHILHAWKSWORTH><developers.google.com/web/fundamentals
![Page 142: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/142.jpg)
><{}\ stu{}\
github.com/Google/WebFundamentals
![Page 143: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/143.jpg)
><{}\ stu
@PHILHAWKSWORTH
SIMPLIFYINGFOCUS ON WHAT
lets us
MATTERS
![Page 144: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/144.jpg)
><{}\ stu
@PHILHAWKSWORTH
LIMITATIONS & WORKAROUNDS
![Page 145: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/145.jpg)
><{}\ stu
@PHILHAWKSWORTH
SEARCH & COMMENTS
![Page 146: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/146.jpg)
><{}\ stu
@PHILHAWKSWORTH
SEARCH
![Page 147: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/147.jpg)
><{}\ stu
@PHILHAWKSWORTH
SIMPLE INDEXJAVASCRIPTPROGRESSIVE ENHANCEMENT
A JEKYLL EXAMPLE
![Page 148: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/148.jpg)
><{}\ stu{}\
A SIMPLE BLOG SITE
![Page 149: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/149.jpg)
><\ {}st
@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
![Page 150: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/150.jpg)
><\ {}st
@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''scrolljacking' sites has long had me grumbling about their large page weight slow rendering times general accessibility black spots but some are better than others that got thinking do they ever good job? today saw an article from creative bloq heralding recent example these kind as quirky masterpiece start by commenting: parallax scrolling may be way to becoming design cliche er yep somewhat! actually looks at technical approaches shoorder keep down just 77mb (big low typical single site) rest quote hits home though: agencies putting imaginative aesthetically pleasing uses there's surely life old dog yet this reminds one reasons wanted join big agency like r/ga first place - add voice those fighting responsible executions which often have audiences sometimes (or least propagate) development trends we need mindful type build best solution? most responsible? was see were making efforts bring you sound broken record phil not going embark my usual rants bloated pages require loading screens gobble your mobile data allowance because i've done so many before went look site referring noticed something: didn't read really even notice any content might squinting through judgmental eyes purist don't think reality style rarely choice conveying perhaps when people encounter all kinds whizzy interaction baubles play with ahead reading apparently cadillac know said otherwise afraid detail passed question out there: did what you've seen recently said? curious hear regardless implementation performance how examples getting message across observations? reply tweet twitter photo credit: david san"
! }, ...
SITE/SEARCH.JSON
![Page 151: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/151.jpg)
><{}\ stu{}\
INLINE JAVASCRIPT SEARCH
![Page 152: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/152.jpg)
><{}\ stu
@PHILHAWKSWORTH
LOAD ASYNCHRONOUSLY AFTER PAGECACHED AND STATICCONTEXTUAL LOAD
PAGE WEIGHT?
![Page 153: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/153.jpg)
><{}\ stu{}\
CONTEXTUAL LOADING
![Page 154: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/154.jpg)
><{}\ stu
@PHILHAWKSWORTH
JAVASCRIPTONLY?
![Page 155: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/155.jpg)
><{}\ stu{}\
PROGRESSIVE ENHANCEMENT
![Page 156: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/156.jpg)
><\ {}st
@PHILHAWKSWORTH><SRC/SEARCH/INDEX.HTML
<form action="https://www.google.co.uk/search” method="get" class="search">
<input type="hidden" name="q" value="site:http://hawksworx.com/blog">
<input type="text" name="q">
<input type="submit" class="submit" value="Search with Google">
</form>
![Page 157: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/157.jpg)
><{}\ stu{}\
JSBIN.COM/HELP
![Page 158: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/158.jpg)
><\ {}st
@PHILHAWKSWORTH><COMMENTS
![Page 159: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/159.jpg)
><{}\ stu
@PHILHAWKSWORTH
WHAT ABOUT COMMENTS?
FIRST!
DAMMIT I THOUGHT I WAS FIRST BUT U BEAT ME LOL ROFL OMG WTF HA HA!!!!!!!!!
![Page 160: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/160.jpg)
><{}\ stu
@PHILHAWKSWORTH
HOW TIMELY SHOULD
COMMENTS BE?
REAL TIMEOR
MODERATED?
![Page 161: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/161.jpg)
><{}\ stu
@PHILHAWKSWORTH
COMMENTAPPROVALWORKFLOW
![Page 162: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/162.jpg)
><\ {}st
BITBALLOON
![Page 163: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/163.jpg)
><\ {}st
BITBALLOON
![Page 164: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/164.jpg)
><\ {}st
OTHERFUNKYSHIZZLE
BITBALLOON
![Page 165: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/165.jpg)
><\ {}st
BITBALLOON API
![Page 166: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/166.jpg)
><{}\ stu
@PHILHAWKSWORTH
AUTOMATICFORM HANDLING
![Page 167: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/167.jpg)
><\ {}st
@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>
![Page 168: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/168.jpg)
><{}\ stu
@PHILHAWKSWORTH
DATA HANDLINGAPI ENDPOINTEMAIL NOTIFICATIONSINTEGRATIONS WITH OTHER SERVICES
![Page 169: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/169.jpg)
><{}\ stu
@PHILHAWKSWORTH
![Page 170: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/170.jpg)
><{}\ stu
@PHILHAWKSWORTH
GET DATA
BUILDas part of the
![Page 171: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/171.jpg)
><{}\ stu
@PHILHAWKSWORTH
CALL TO ARMS
![Page 172: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/172.jpg)
><{}\ stu
@PHILHAWKSWORTH
SEEK OUT CHANCES TO
SIMPLIFY
![Page 173: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/173.jpg)
><{}\ stu
@PHILHAWKSWORTH
CHALLENGE THE NEED FOR COMPLEXITY
![Page 174: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/174.jpg)
><{}\ stu
@PHILHAWKSWORTH
MAKE STUFF FASTER
![Page 175: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/175.jpg)
><{}\ stu
@PHILHAWKSWORTH
MAKE STUFFGO FASTER
![Page 176: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/176.jpg)
><{}\ stu
@PHILHAWKSWORTH
SPEND LESS
![Page 177: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/177.jpg)
><{}\ stu{}\
THANKS
FONTS
LINKS
BATTLESHIP - www.flickr.com/photos/swfphotos/8075999488COMPLIANCE - www.flickr.com/photos/aorr/1229272894SALTNPEPPER - www.flickr.com/photos/camknows/4595655917FRESH PRINCE - flic.kr/p/fJcbnCAMBITIOUS - flic.kr/p/6Uvc2S
JEKYLL - jekyllrb.comHARP - harpjs.com, harp.ioSSGS - staticsitegenerators.netHEXO - zespia.tw/hexoBAKE, DON’T FRY - www.aaronsw.com/weblog/000404BITBALLOON - www.bitballoon.comBITBALLOON API - github.com/BitBalloon/bitballoon-apiGOOGLE WEB FUNDAMENTALS - developers.google.com/web/fundamentals
PLACARD CONDENSEDVENEER EXTRASWC RHESUS BETAMAC ICON STANDARD
![Page 178: Phil Hawksworth - Dynamic Static Site Strategies](https://reader038.vdocuments.mx/reader038/viewer/2022102815/5552a24eb4c9051f108b55d7/html5/thumbnails/178.jpg)
><{}\ stu{}\
THANKS!PHILHAWKSWORTH@