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
850
Shifter オンラインミートアップ ザ・ホワイトベルト!
emaildano
April 08, 2020
Tweet
Share
More Decks by emaildano
See All by emaildano
Lift and Shift WordPress to the Jamstack
emaildano
1
150
Crash Course on Static WordPress in ~5 minutes (or less)
emaildano
0
75
Developing with WordPress, the JAMstack way
emaildano
2
1.9k
3 things I believe in and why I joined DigitalCube
emaildano
0
3.7k
The Future is SaaS
emaildano
0
89
Let's Build a Better WordPress @ WordCamp NYC 2018
emaildano
0
140
On Demand Dev with Docker + WordPress @ WordCamp Europe 2018
emaildano
0
690
Serverless PHL - March 2018
emaildano
0
390
Retrofitting your Monolith with Serverless and Design Thinking — ServerlessConf Tokyo 2017
emaildano
0
3.9k
Other Decks in Technology
See All in Technology
SRE × マネジメントレイヤーが挑戦した組織・会社のオブザーバビリティ改革 ― ビジネス価値と信頼性を両立するリアルな挑戦
coconala_engineer
0
290
abema-trace-sampling-observability-cost-optimization
tetsuya28
0
350
OSSで50の競合と戦うためにやったこと
yamadashy
3
1k
20251027_マルチエージェントとは
almondo_event
1
470
生成AI時代のPythonセキュリティとガバナンス
abenben
0
150
DSPy入門
tomehirata
3
480
serverless team topology
_kensh
3
240
会社を支える Pythonという言語戦略 ~なぜPythonを主要言語にしているのか?~
curekoshimizu
4
890
スタートアップの現場で実践しているテストマネジメント #jasst_kyushu
makky_tyuyan
0
140
ラスベガスの歩き方 2025年版(re:Invent 事前勉強会)
junjikoide
0
520
AIを使ってテストを楽にする
kworkdev
PRO
0
230
アウトプットから始めるOSSコントリビューション 〜eslint-plugin-vueの場合〜 #vuefes
bengo4com
3
1.8k
Featured
See All Featured
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
116
20k
Building a Scalable Design System with Sketch
lauravandoore
463
33k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.6k
Into the Great Unknown - MozCon
thekraken
40
2.1k
jQuery: Nuts, Bolts and Bling
dougneiner
65
7.9k
How to train your dragon (web standard)
notwaldorf
97
6.3k
Embracing the Ebb and Flow
colly
88
4.9k
Optimizing for Happiness
mojombo
379
70k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
130k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
253
22k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
34
2.3k
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
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