Slide 1
Slide 1 text
Lift and Shift
WordPress to
the Jamstack
⚡ Lightning Talk
WP Serverless Forms
Daniel Olson
@emaildano
Slide 2
Slide 2 text
Agenda
of this talk
whomi?
What’s the Jamstack?
What’s it for?
When does this it apply?
Jamstack WordPress Examples!
Slide 3
Slide 3 text
$whoami
I’m a web developer,
AWS Super-fan,
Jamstack advocate, &
design thinking enthusiast.
Daniel Olson
@emaildano
Amélie
she/her
dog/queen
Me
he/him
human/bot
Slide 4
Slide 4 text
Why am I qualified to talk
about the Jamstack?
Slide 5
Slide 5 text
In 2016,
in Philadelphia,
Shifter launched.
I was there.
Slide 6
Slide 6 text
No content
Slide 7
Slide 7 text
No content
Slide 8
Slide 8 text
Shifter
what were we trying to solve?
1. We want a more secure WordPress.
2. We want to scale WordPress.
3. We want WordPress to perform under stress.
4. We want to makes this accessible to everyone.
Slide 9
Slide 9 text
Jamstack?
Slide 10
Slide 10 text
Jamstack ❤ WordPress
Slide 11
Slide 11 text
Static WordPress Caveats
Out of the box, you lose features. But it solves a
few of the problems entire industries are built on.
To fill those feature gaps, we look to the Jamstack.
Slide 12
Slide 12 text
What is
the Jamstack?
JavaScript,
APIs,
& Markup
The Jamstack is not about
specific technologies.
(except JavaScript )
In my opinion, it's an
approach, guide, and framework
to which we can follow for
building the modern web,
including WordPress.
The Toyota Way
Slide 13
Slide 13 text
The JAMstack is exhausting.
Let’s make it simple.
Slide 14
Slide 14 text
What does Jamstack WordPress
look like in practice?
Slide 15
Slide 15 text
WordPress offers
Comments
Search
E-commerce
Contact Forms
Cron / Scheduled posts
And more :)
Slide 16
Slide 16 text
Contact Forms
WP Serverless Forms
Slide 17
Slide 17 text
WP Serverless Forms
Created for Shifter
Available as open source
It sends form submission to
an API endpoint.
For static and non-static
WordPress websites.
Slide 18
Slide 18 text
WP Serverless Forms
How-to:
1: It’s available in the
WordPress Plugin directory
or on GitHub.
Slide 19
Slide 19 text
WP Serverless Forms
How-to:
2: It works with WP Forms,
Gravity Forms, and Contact
Form 7.
What’s next?
Slide 20
Slide 20 text
WP Serverless Forms
How-to:
3: Create an API endpoint
for your form.
Let’s use Formspree.
Slide 21
Slide 21 text
WP Serverless Forms
How-to:
3: Formspree pricing starts
at free, great for testing!
Account and email
verification is required.
Slide 22
Slide 22 text
WP Serverless Forms
How-to:
4: Get your form endpoint.
After verification you’ll
receive your form ID.
Slide 23
Slide 23 text
WP Serverless Forms
How-to:
5: Add your form endpoint
to WordPress.
This is the options page.
Slide 24
Slide 24 text
WP Serverless Forms
How-to:
6: Add your redirect page.
This can be any page within
your WordPress site or
public on the internet.
Slide 25
Slide 25 text
No content