Spreading the JAMstack

Hello JAMstack 👋

Scott Spence

karmarama logo

Warning!

Excessive use

of gif's

memes and emoji

Poll 💈

History Lesson

of the internet

What's a JAMstack? 🤔

  • JavaScript
  • APIs
  • Markup

JavaScript

JavaScript logo

APIs

database schema

Markup

html and css logos

Also known as Static Sites

Static

  • Early 90's

What is static?

dictionary image of static definition

JAMstack

  • It's not the experience
  • It's the architecture

Perf

Speed

🏎💨

People want things fast

google logo

How users interact with your site

will impact rankings

Click through rates

Time spent on page

Return rates

Bounce Rates & Conversions

where it really matters

💷 💳 💸 🤑

How fast is fast enough?

2 seconds ⏱

mobile page speed bounce probability

Back to static

Static means no work to be done at request time.

for the content that's not dynamic

Much smaller attack surface to secure and protect

Dynamic

Browser 👀
⬇
CDN 🌐
⬇
Load balancer ⚖
⬇
Web server 🤹‍♀️
⬇
Database server ‍🤹‍♀️
⬇🔃
Browser 👀

JAMstack

Browser 👀
⬇
CDN 🌐
⬇
Browser 👀

Empower

front end developers

Powered

By modern browsers

Enhanced

By a rich ecosystem of services

Impact

Processes and organisation

Static Site Generators

JavaScript

Gatsby.js

Next.js

```