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
20251010_HCCJP_AdaptiveCloudUpdates
sdosamut
0
140
Introduction to Sansan, inc / Sansan Global Development Center, Inc.
sansan33
PRO
0
2.8k
OpenTelemetry が拡げる Gemini CLI の可観測性
phaya72
1
140
20251007: What happens when multi-agent systems become larger? (CyberAgent, Inc)
ornew
1
380
大規模サーバーレスAPIの堅牢性・信頼性設計 〜AWSのベストプラクティスから始まる現実的制約との向き合い方〜
maimyyym
10
5k
リセラー企業のテクサポ担当が考える、生成 AI 時代のトラブルシュート 2025
kazzpapa3
1
370
ビズリーチ求職者検索におけるPLMとLLMの活用 / Search Engineering MEET UP_2-1
visional_engineering_and_design
1
150
研究開発部メンバーの働き⽅ / Sansan R&D Profile
sansan33
PRO
3
20k
Introduction to Sansan for Engineers / エンジニア向け会社紹介
sansan33
PRO
5
43k
Liquid AI Hackathon Tokyo プレゼン資料
aratako
0
110
ソフトウェアエンジニアの生成AI活用と、これから
lycorptech_jp
PRO
0
450
Railsの話をしよう
yahonda
0
160
Featured
See All Featured
How to train your dragon (web standard)
notwaldorf
97
6.3k
The Power of CSS Pseudo Elements
geoffreycrofte
79
6k
Code Review Best Practice
trishagee
72
19k
Producing Creativity
orderedlist
PRO
347
40k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
How to Think Like a Performance Engineer
csswizardry
27
2k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.1k
Reflections from 52 weeks, 52 projects
jeffersonlam
353
21k
RailsConf 2023
tenderlove
30
1.3k
Speed Design
sergeychernyshev
32
1.2k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.6k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.2k
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