A presentation at McrFRED in in Manchester, UK by Phil Hawksworth
JAMSTACK DO WE REALLY NEED ANOTHER BUZZWORD? PHIL HAWKSWORTH
JAMstack May 2018 @philhawksworth netlify HELLO
Next wave infrastructure We Are Developers. 2018 @philhawksworth netlify PHIL
HAWKSWORTH AFTER DINNER SPEAKER
@
JAMSTACK DO WE REALLY NEED ANOTHER BUZZWORD? PHIL HAWKSWORTH
JAMstack May 2018 @philhawksworth netlify JAMSTACK
JAMstack May 2018 @philhawksworth netlify STATIC
JAMstack May 2018 @philhawksworth netlify STATIC
JAMstack May 2018 @philhawksworth netlify STATIC
JAMstack May 2018 @philhawksworth netlify STATIC / ˈ stat ɪ k/ lacking in movement, action, or change, especially in an undesirable or uninteresting way.
JAMstack May 2018 @philhawksworth netlify
STATIC / ˈ stat ɪ k/ lacking in movement, action, or change, especially in an undesirable or uninteresting way.
JAMstack May 2018 @philhawksworth netlify STATIC or ARCHITECTURE ? RESULT ?
JAMstack May 2018 @philhawksworth netlify STATIC or ARCHITECTURE ? EXPERIENCE ?
JAMstack May 2018 @philhawksworth netlify STATIC VIRTUE as a
JAMstack May 2018 @philhawksworth netlify STATIC beyond
JAMstack May 2018 @philhawksworth netlify jamstack JAVASCRIPT / API / MARKUP
JAMstack May 2018 @philhawksworth netlify APIs SITE (JAVASCRIPT) JAVASCRIPT MARKUP BUILD
JAMstack May 2018 @philhawksworth netlify APIs SITE (JAVASCRIPT) JAVASCRIPT MARKUP BUILD APIs APIs APIs APIs
JAMstack May 2018 @philhawksworth netlify DECOUPLING
netlify JAMstack May 2018 @philhawksworth
netlify JAMstack May 2018 @philhawksworth
netlify JAMstack May 2018 @philhawksworth
JAMstack May 2018 @philhawksworth netlify APIs SITE (JAVASCRIPT) JAVASCRIPT MARKUP BUILD
JAMstack May 2018 @philhawksworth netlify SITE (JAVASCRIPT) JAVASCRIPT MARKUP BUILD APIs
JAMstack May 2018 @philhawksworth netlify SITE (JAVASCRIPT) JAVASCRIPT MARKUP BUILD APIs
JAMstack May 2018 @philhawksworth netlify ECOSYSTEM CONTENT E-COMMERCE AUTHENTICATION EVENTS ASSETS / / / /
JAMstack May 2018 @philhawksworth netlify STATIC beyond
JAMstack May 2018 @philhawksworth netlify STATIC beyond EXPERIENCES
JAMstack May 2018 @philhawksworth netlify TOOLBELT
JAMstack May 2018 @philhawksworth netlify TOOLBELT BUILD AUTOMATION ACTION TRIGGERS EVENTS APIs SERVERLESS
JAMstack May 2018 @philhawksworth netlify
JAMstack May 2018 @philhawksworth netlify GET TO THE CDN
JAMstack May 2018 @philhawksworth netlify NETLIFY CDN LOCAL BUILD STATIC SERVER
JAMstack May 2018 @philhawksworth netlify
JAMstack May 2018 @philhawksworth netlify EVERYTHING VERSION CONTROL For
JAMstack May 2018 @philhawksworth netlify NETLIFY BUILD CDN LOCAL BUILD STATIC SERVER GIT
JAMstack May 2018 @philhawksworth netlify A QUICK TOUR OVERVIEW & SETTINGS https://app.netlify.com https://github.com/philhawksworth/eleventyone
JAMstack May 2018 @philhawksworth netlify A QUICK TOUR OVERVIEW & SETTINGS https://app.netlify.com SITE SETTINGS DEPLOY SETTINGS DEPLOY FROM GIT DEPLOYMENTS / ROLLBACKS ENVIRONMENT VARIABLES DEPLOY HOOKS NOTIFICATIONS https://github.com/philhawksworth/eleventyone
JAMstack May 2018 @philhawksworth netlify BONUS BOOTSTRAP THE DEPLOY TO NETLIFY BUTTON https://templates.netlify.com https://github.com/bdougie/casper-cms-template
JAMstack
May 2018
@philhawksworth
netlify
ENVIRONMENTS
ON DEMAND
BRANCH DEPLOYS
https://app.netlify.com/sites/hawksworx/
JAMstack
May 2018
@philhawksworth
netlify
ENVIRONMENTS
ON DEMAND
BRANCH DEPLOYS
https://app.netlify.com/sites/hawksworx/ BRANCH DEPLOY OPTIONS BRANCH URLS DEPLOY URLS
JAMstack May 2018 @philhawksworth netlify SPLIT TESTING A BRANCHY BONUS
https://app.netlify.com/sites/hawksworx/ https://www.hawksworx.com/gimme-gimme
JAMstack May 2018 @philhawksworth netlify SPLIT TESTING A BRANCHY BONUS
https://app.netlify.com/sites/hawksworx/ NOMINATING BRANCHES TRAFFIC SHAPING BRANCH AFFINITY COOKIE TRICK https://www.hawksworx.com/gimme-gimme
JAMstack May 2018 @philhawksworth netlify FORMS A COMMON CEILING
https://app.netlify.com/sites/hawksworx/ https://www.hawksworx.com/ask-me/anything
JAMstack
May 2018
@philhawksworth
netlify
I ABSOLUTELY POSITIVELY
NEED A LITTLE LOGIC
ON A SERVER
JAMstack May 2018 @philhawksworth netlify SERVERLESS TO THE RESCUE
JAMstack May 2018 @philhawksworth netlify FUNCTIONS AS A SERVICE
https://github.com/netlify/create-react-app-lambda
JAMstack May 2018 @philhawksworth netlify FUNCTIONS AS A SERVICE
https://github.com/netlify/create-react-app-lambda NO AWS CONFIGURATION INSTANT PROVISIONING API GATWEAY & URLS IMMUTABLE VERSIONS SITE SYNCHRONICITY
JAMstack May 2018 @philhawksworth netlify TOOLBELT BUILD AUTOMATION ACTION TRIGGERS EVENTS APIs SERVERLESS
JAMstack May 2018 @philhawksworth netlify TOOLBELT BUILD AUTOMATION ACTION TRIGGERS EVENTS APIs SERVERLESS
JAMstack May 2018 @philhawksworth netlify ONLY AN IDIOT WOULD DO A LIVE DEMO OF ALL OF THESE MOVING PARTS AT ONCE
JAMstack May 2018 @philhawksworth netlify ONLY AN IDIOT WOULD DO A LIVE DEMO OF ALL OF THESE MOVING PARTS AT ONCE
JAMstack May 2018 @philhawksworth netlify jamstack-comments.netlify.com app.netlify.com
JAMstack May 2018 @philhawksworth netlify TOOLBELT BUILD AUTOMATION ACTION TRIGGERS EVENTS APIs SERVERLESS
JAMstack May 2018 @philhawksworth netlify STATIC
JAMstack May 2018 @philhawksworth netlify STATIC ?
JAMstack May 2018 @philhawksworth netlify STATIC beyond
JAMstack May 2018 @philhawksworth netlify THANKS QUESTIONS @PHILHAWKSWORTH ?
The term JAMstack just means static website, doesn't it? Well… not quite. Although it sounds like yet another buzzword, it can be helpful as a way to talk about sites which can harness the power of a CDN, benefit from modern web development workflows, and leverage a world of microservices.
In this talk, we'll look a little closer at what this means and what possibilities it can unlock. We'll explore some of the features and ways of using Netlify to deliver things like infinite instant production environments, continuous deployments. And we'll work through an example of building dynamic features on static hosting infrastructure with Functions as a Service and content APIs.
The following resources were mentioned during the presentation or are useful additional information.
An example of using forms, notifications, serverless functions, slack, and build hooks to create a comment and moderation.
A nice explanation of how to use Wordpress and its content API as the CMS for a JAMstack site.
This repository contains the tools to make the build image Netlify uses to build a site from git (for continuous deployment.)
You can also use the image this generates to test locally if you're having build issues.
Here’s what was said about this presentation on social media.
