A presentation at Certified Fresh Events - Modern Web Development with the JAMStack by Phil Hawksworth
WHY JAMSTACK? BEYOND STATIC SITES PHIL HAWKSWORTH
Beyond static May 2018 @philhawksworth netlify HELLO
Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify PHIL
HAWKSWORTH AFTER DINNER SPEAKER
@
WHY JAMSTACK? BEYOND STATIC SITES PHIL HAWKSWORTH
WHY JAMSTACK ? BEYOND STATIC SITES PHIL HAWKSWORTH
WHY JAMSTACK ? BEYOND STATIC SITES PHIL HAWKSWORTH
Beyond static May 2018 @philhawksworth netlify STATIC
Beyond static May 2018 @philhawksworth netlify STATIC
Beyond static May 2018 @philhawksworth netlify STATIC
Beyond static May 2018 @philhawksworth netlify STATIC / ˈ stat ɪ k/ lacking in movement, action, or change, especially in an undesirable or uninteresting way.
Beyond static May 2018 @philhawksworth netlify
STATIC / ˈ stat ɪ k/ lacking in movement, action, or change, especially in an undesirable or uninteresting way.
Beyond static May 2018 @philhawksworth netlify STATIC or ARCHITECTURE ? RESULT ?
Beyond static May 2018 @philhawksworth netlify STATIC or ARCHITECTURE ? EXPERIENCE ?
Beyond static May 2018 @philhawksworth netlify STATIC VIRTUE as a
Beyond static May 2018 @philhawksworth netlify STATIC beyond
Beyond static May 2018 @philhawksworth netlify jamstack JAVASCRIPT / API / MARKUP
Beyond static May 2018 @philhawksworth netlify APIs SITE (JAVASCRIPT) JAVASCRIPT MARKUP BUILD
Beyond static May 2018 @philhawksworth netlify APIs SITE (JAVASCRIPT) JAVASCRIPT MARKUP BUILD APIs APIs APIs APIs
Beyond static May 2018 @philhawksworth netlify DECOUPLING
netlify Beyond static May 2018 @philhawksworth
netlify Beyond static May 2018 @philhawksworth
netlify Beyond static May 2018 @philhawksworth
Beyond static May 2018 @philhawksworth netlify APIs SITE (JAVASCRIPT) JAVASCRIPT MARKUP BUILD
Beyond static May 2018 @philhawksworth netlify SITE (JAVASCRIPT) JAVASCRIPT MARKUP BUILD APIs
Beyond static May 2018 @philhawksworth netlify SITE (JAVASCRIPT) JAVASCRIPT MARKUP BUILD APIs
Beyond static May 2018 @philhawksworth netlify ECOSYSTEM CONTENT E-COMMERCE AUTHENTICATION EVENTS ASSETS / / / /
Beyond static May 2018 @philhawksworth netlify STATIC beyond
Beyond static May 2018 @philhawksworth netlify STATIC beyond EXPERIENCES
Beyond static May 2018 @philhawksworth netlify TOOLBELT
Beyond static May 2018 @philhawksworth netlify TOOLBELT BUILD AUTOMATION ACTION TRIGGERS EVENTS APIs SERVERLESS
Beyond static May 2018 @philhawksworth netlify TOOLBELT BUILD AUTOMATION ACTION TRIGGERS EVENTS APIs SERVERLESS
netlify Beyond static May 2018 @philhawksworth
Beyond static May 2018 @philhawksworth netlify
Beyond static May 2018 @philhawksworth netlify BUILD AUTOMATION TESTS CONTENT GATHERING SITE GENERATION OPTIMSATION DEPLOY / / / /
Beyond static May 2018 @philhawksworth netlify EXAMPLE
Beyond static May 2018 @philhawksworth netlify NETLIFY BUILD CDN LOCAL BUILD STATIC SERVER GIT CONTENT APIS BROWSER
Beyond static May 2018 @philhawksworth netlify TOOLBELT BUILD AUTOMATION ACTION TRIGGERS EVENTS APIs SERVERLESS
Beyond static May 2018 @philhawksworth netlify NETLIFY BUILD CDN LOCAL BUILD STATIC SERVER GIT CONTENT APIS ⚡
Beyond static May 2018 @philhawksworth netlify TOOLBELT BUILD AUTOMATION ACTION TRIGGERS EVENTS APIs SERVERLESS
Beyond static May 2018 @philhawksworth netlify WHAT EVENTS ?
Beyond static May 2018 @philhawksworth netlify EXTERNAL FORM SUBMISSIONS CONTENT UPDATES ACTIVITIY DETECTION SCHEDULED EVENTS GIT ACTIVITY NETLIFY FORM SUBMISSIONS BUILD/DEPLOY EVENTS SPLIT TEST EVENTS IDENTITY SERVICE EVENTS https://www.netlify.com/docs/functions/#event-triggered-functions
⚡ ⚡ ⚡ ⚡ ⚡ ⚡ ⚡ ⚡ ⚡ Beyond static May 2018 @philhawksworth netlify NETLIFY BUILD CDN LOCAL BUILD STATIC SERVER GIT CONTENT APIS ⚡ ⚡ ⚡ ⚡
Beyond static May 2018 @philhawksworth netlify TOOLBELT BUILD AUTOMATION ACTION TRIGGERS EVENTS APIs SERVERLESS
Beyond static May 2018 @philhawksworth netlify ECOSYSTEM CONTENT E-COMMERCE AUTHENTICATION EVENTS ASSETS / / / /
Beyond static
May 2018
@philhawksworth
netlify
thepowerofserverless.info
FAAS PROVIDERS
HOSTING
FORM HANDLING
PAYMENTS
HEADLESS CMS
MEDIA STORAGE
NOTIFICATION SERVICES
SEARCH
PUSH NOTIFICATIONS
AUTH
Beyond static May 2018 @philhawksworth netlify NETLIFY BUILD CDN LOCAL BUILD STATIC SERVER GIT APIS EVERYWHERE!!!
Beyond static May 2018 @philhawksworth netlify TOOLBELT BUILD AUTOMATION ACTION TRIGGERS EVENTS APIs SERVERLESS
Beyond static
May 2018
@philhawksworth
netlify
I ABSOLUTELY POSITIVELY
NEED A LITTLE LOGIC
ON A SERVER
Beyond static May 2018 @philhawksworth netlify SERVERLESS TO THE RESCUE
Beyond static May 2018 @philhawksworth netlify SERVERLESS SECRETS PROXIED API CALLS DATA A LITTLE DYNAMISM
Beyond static May 2018 @philhawksworth netlify BRINGING IT ALL TOGETHER
Beyond static May 2018 @philhawksworth netlify TOOLBELT BUILD AUTOMATION ACTION TRIGGERS EVENTS APIs SERVERLESS
Beyond static May 2018 @philhawksworth netlify ONLY AN IDIOT WOULD DO A LIVE DEMO OF ALL OF THESE MOVING PARTS AT ONCE
Beyond static May 2018 @philhawksworth netlify ONLY AN IDIOT WOULD DO A LIVE DEMO OF ALL OF THESE MOVING PARTS AT ONCE
Beyond static May 2018 @philhawksworth netlify jamstack-comments.netlify.com app.netlify.com
Beyond static May 2018 @philhawksworth netlify TOOLBELT BUILD AUTOMATION ACTION TRIGGERS EVENTS APIs SERVERLESS
Beyond static May 2018 @philhawksworth netlify STATIC
Beyond static May 2018 @philhawksworth netlify STATIC ?
Beyond static May 2018 @philhawksworth netlify STATIC beyond
Beyond static May 2018 @philhawksworth netlify THANKS QUESTIONS @PHILHAWKSWORTH ?
We used to call them static sites, so why can’t we just leave that name alone? The JAMstack can actually go a lot further than delivering static sites. You can use it to deliver highly performant, secure, scalable… dynamic web sites.
In this talk we’ll look at what the JAMstack is, and how we can use emerging tools and conventions to embrace the possibilities of modern web development without exposing ourselves to undue risk.
The following resources were mentioned during the presentation or are useful additional information.
The example site that we look at in a live demo at the end of this session. Comments on a static site, with no Javascript.
A more detailed description of how this example works. Published on CSS Tricks
Here’s what was said about this presentation on social media.
