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
840
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
74
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
87
Let's Build a Better WordPress @ WordCamp NYC 2018
emaildano
0
140
On Demand Dev with Docker + WordPress @ WordCamp Europe 2018
emaildano
0
680
Serverless PHL - March 2018
emaildano
0
390
Retrofitting your Monolith with Serverless and Design Thinking — ServerlessConf Tokyo 2017
emaildano
0
3.8k
Other Decks in Technology
See All in Technology
小さなチーム 大きな仕事 - 個人開発でAIをフル活用する
himaratsu
0
140
制約理論(ToC)入門
recruitengineers
PRO
8
3.3k
プロダクトの成長に合わせたアーキテクチャの段階的進化と成長痛、そして、ユニットエコノミクスの最適化
kakehashi
PRO
1
110
ZOZOTOWNフロントエンドにおけるディレクトリの分割戦略
zozotech
PRO
18
5.9k
実践アプリケーション設計 ①データモデルとドメインモデル
recruitengineers
PRO
5
1.2k
Goss: Faiss向けの新しい本番環境対応 Goバインディング #coefl_go_jp
bengo4com
1
1.4k
Jaws-ug名古屋_LT資料_20250829
azoo2024
3
180
Browser
recruitengineers
PRO
6
1.8k
アジャイルテストで高品質のスプリントレビューを
takesection
0
140
現場が抱える様々な問題は “組織設計上” の問題によって生じていることがある / Team-oriented Organization Design 20250827
mtx2s
7
62k
役割は変わっても、変わらないもの 〜スクラムマスターからEMへの転身で学んだ信頼構築の本質〜 / How to build trust
shinop
0
120
JuniorからSeniorまで: DevOpsエンジニアの成長ロードマップ
yuriemori
2
320
Featured
See All Featured
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
11
1k
Embracing the Ebb and Flow
colly
87
4.8k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3k
The Cult of Friendly URLs
andyhume
79
6.6k
Done Done
chrislema
185
16k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.4k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Into the Great Unknown - MozCon
thekraken
40
2k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
110
20k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3k
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