Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Shifter オンラインミートアップ ザ・ホワイトベルト!
Search
emaildano
April 08, 2020
Technology
0
750
Shifter オンラインミートアップ ザ・ホワイトベルト!
emaildano
April 08, 2020
Tweet
Share
More Decks by emaildano
See All by emaildano
Lift and Shift WordPress to the Jamstack
emaildano
1
130
Crash Course on Static WordPress in ~5 minutes (or less)
emaildano
0
66
Developing with WordPress, the JAMstack way
emaildano
2
1.6k
3 things I believe in and why I joined DigitalCube
emaildano
0
3.5k
The Future is SaaS
emaildano
0
82
Let's Build a Better WordPress @ WordCamp NYC 2018
emaildano
0
110
On Demand Dev with Docker + WordPress @ WordCamp Europe 2018
emaildano
0
620
Serverless PHL - March 2018
emaildano
0
380
Retrofitting your Monolith with Serverless and Design Thinking — ServerlessConf Tokyo 2017
emaildano
0
3.6k
Other Decks in Technology
See All in Technology
Automated Promptingを目指すその前に / Before we can aim for Automated Prompting
rkaga
0
110
IaC運用を楽にするためにCDK Pipelinesを導入したけど、思い通りにいかなかった話
smt7174
1
110
新卒1年目が向き合う生成AI事業の開発を加速させる技術選定 / ai-web-launcher
cyberagentdevelopers
PRO
7
1.5k
【若手エンジニア応援LT会】AWSで繋がり、共に成長! ~コミュニティ活動と新人教育への挑戦~
kazushi_ohata
0
180
一休.comレストランにおけるRustの活用
kymmt90
3
580
小規模に始めるデータメッシュとデータガバナンスの実践
kimujun
3
590
Commitment vs Harrisonism - Keynote for Scrum Niseko 2024
miholovesq
6
1.1k
「最高のチューニング」をしないために / hack@delta 24.10
fujiwara3
21
3.4k
신뢰할 수 있는 AI 검색 엔진을 만들기 위한 Liner의 여정
huffon
0
340
CyberAgent 生成AI Deep Dive with Amazon Web Services / genai-aws
cyberagentdevelopers
PRO
1
480
オーティファイ会社紹介資料 / Autify Company Deck
autifyhq
9
120k
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
5
49k
Featured
See All Featured
The Illustrated Children's Guide to Kubernetes
chrisshort
48
48k
Why You Should Never Use an ORM
jnunemaker
PRO
53
9k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
107
49k
Designing on Purpose - Digital PM Summit 2013
jponch
115
6.9k
VelocityConf: Rendering Performance Case Studies
addyosmani
325
24k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
26
2.1k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.1k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.4k
Build The Right Thing And Hit Your Dates
maggiecrowley
32
2.4k
A better future with KSS
kneath
238
17k
The Cost Of JavaScript in 2023
addyosmani
45
6.6k
Gamification - CAS2011
davidbonilla
80
5k
Transcript
Lift and Shift WordPress to the Jamstack ⚡ Lightning Talk
WP Serverless Forms Daniel Olson @emaildano
Agenda of this talk whomi? What’s the Jamstack? What’s it
for? When does this it apply? Jamstack WordPress Examples!
$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
Why am I qualified to talk about the Jamstack?
In 2016, in Philadelphia, Shifter launched. I was there.
None
None
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.
Jamstack?
Jamstack ❤ WordPress
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.
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
The JAMstack is exhausting. Let’s make it simple.
What does Jamstack WordPress look like in practice?
WordPress offers Comments Search E-commerce Contact Forms Cron / Scheduled
posts And more :)
Contact Forms WP Serverless Forms
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.
WP Serverless Forms How-to: 1: It’s available in the WordPress
Plugin directory or on GitHub.
WP Serverless Forms How-to: 2: It works with WP Forms,
Gravity Forms, and Contact Form 7. What’s next?
WP Serverless Forms How-to: 3: Create an API endpoint for
your form. Let’s use Formspree.
WP Serverless Forms How-to: 3: Formspree pricing starts at free,
great for testing! Account and email verification is required.
WP Serverless Forms How-to: 4: Get your form endpoint. After
verification you’ll receive your form ID.
WP Serverless Forms How-to: 5: Add your form endpoint to
WordPress. This is the options page.
WP Serverless Forms How-to: 6: Add your redirect page. This
can be any page within your WordPress site or public on the internet.
None