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
720
Shifter オンラインミートアップ ザ・ホワイトベルト!
emaildano
April 08, 2020
Tweet
Share
More Decks by emaildano
See All by emaildano
Lift and Shift WordPress to the Jamstack
emaildano
1
120
Crash Course on Static WordPress in ~5 minutes (or less)
emaildano
0
65
Developing with WordPress, the JAMstack way
emaildano
2
1.5k
3 things I believe in and why I joined DigitalCube
emaildano
0
3.4k
The Future is SaaS
emaildano
0
82
Let's Build a Better WordPress @ WordCamp NYC 2018
emaildano
0
100
On Demand Dev with Docker + WordPress @ WordCamp Europe 2018
emaildano
0
580
Serverless PHL - March 2018
emaildano
0
360
Retrofitting your Monolith with Serverless and Design Thinking — ServerlessConf Tokyo 2017
emaildano
0
3.5k
Other Decks in Technology
See All in Technology
GoとアクターモデルでES+CQRSを実践! / proto_actor_es_cqrs
ytake
1
150
スタートアップにおける組織設計とスクラムの長期戦略 / Scrum Fest Kanazawa 2024
yoshikiiida
13
3.6k
AutomatedLabを使って内部ペンテストを勉強しよう! -やられ社内ネットワークの自動構築-
n_etupirka
1
610
「単なる OAuth 2.0 を認証に使うと、車が通れるほどのどでかいセキュリティー・ホールができる」のか検証してみた
terara
0
380
AOAI Dev Day - Opening Session
yoshidashingo
2
440
Matterport を使ってクラスメソッド各拠点のバーチャルオフィスツアーを作成してみた
wakatsuki
0
160
DDDにおける認可の扱いとKotlinにおける実装パターン / authorization-for-ddd-and-kotlin-implement-pattern
urmot
4
390
Github Actions 로 Android 팀의 효율성 극대화
hadonghyun
0
160
[NIKKEI Tech Talk] KDDI/KAG Scrum & Community for Engineering Training
curanosuke
2
220
推薦システムを本番導入する上で一番優先すべきだったこと~NewsPicks記事推薦機能の改善事例を元に~
morinota
0
120
CEL(Common Expression Language)で書いた条件にマッチしたIAM Policyを見つける / iam-policy-finder
fujiwara3
0
710
大規模ドラレコデータ収集・機械学習基盤を支える AWS CDK 〜導入・運用事例紹介〜
pemugi
0
110
Featured
See All Featured
XXLCSS - How to scale CSS and keep your sanity
sugarenia
245
1.2M
From Idea to $5000 a Month in 5 Months
shpigford
377
46k
Adopting Sorbet at Scale
ufuk
71
8.8k
Speed Design
sergeychernyshev
9
270
We Have a Design System, Now What?
morganepeng
46
7k
The Straight Up "How To Draw Better" Workshop
denniskardys
229
130k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
353
29k
How GitHub (no longer) Works
holman
305
140k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
228
16k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
248
20k
It's Worth the Effort
3n
181
27k
Scaling GitHub
holman
458
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