Intro to the JAMstack
A Frontend Masters Workshop
by Jason Lengstorf
@jlengstorf · jason@lengstorf.com
Slides: git.io/fem-jamstack-intro
👋 Hi! I’m Jason.
- I like to learn
- I like to teach
- Currently: Netlify
- Formerly: Gatsby, IBM
- Portland, OR
What is the JAMstack?
JavaScript
APIs
Markup
Put another way:
The JAMstack is an approach to web design that emphasizes shipping only static assets.
Why is this important?
Benefits of the JAMstack
- Reduced complexity
- Lower costs
- Faster shipping
- Increased autonomy
Reduced Complexity
JAMstack apps allow us to use only a CDN, which lets us skip servers, databases, load balancers, etc.
Lower Costs
CDNs are cheap — or even free.
On top of that, the lowered complexity requires less time and effort spent on devops.
Faster Shipping
Fewer moving parts makes it easier to ship quickly and with confidence.
Increased Autonomy
A simplified stack means a single developer is able to take projects from an idea all the way to deployment.
And that’s not all
Additional benefits:
- Better security
- Better performance
- Better reliability
- Better scalability
Today’s agenda:
- Section 1: Create a basic JAMstack site
- Section 2: Deploy a JAMstack site
- Section 3: Learn how to use serverless functions
- Section 4: Protect content with authentication
- Section 5: Handle reading and writing persisted data
Let’s Get Started!
# Clone the repo
git clone git@github.com:jlengstorf/jamstack-intro.git
# Make sure you’re on the `start` branch
git checkout start
Thanks!
Jason Lengstorf
Follow me on Twitter: @jlengstorf