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
Studying Strapi: an open source head headless CMS
Search
Matija Marohnić
February 05, 2021
Programming
0
21
Studying Strapi: an open source head headless CMS
Matija Marohnić
February 05, 2021
Tweet
Share
More Decks by Matija Marohnić
See All by Matija Marohnić
Introduction to Remix
silvenon
0
91
Cypress vs. Playwright
silvenon
0
120
CSS Specificity
silvenon
0
19
Make your JavaScript projects more accessible to newcomers
silvenon
0
45
React Hooks
silvenon
0
56
PostCSS
silvenon
0
29
CSS Custom Properties
silvenon
0
22
Maintainable Integration Testing in React
silvenon
0
14
Writing Codemods with jscodeshift
silvenon
0
17
Other Decks in Programming
See All in Programming
決断するための勇気、そのためのBacklog / Courage to make decisions, Backlog for that.
seike460
PRO
4
1.9k
Why 1 + 1 = 2 in Swift?
1plus4
1
250
Crafting a Own PHP - ウキウキ手作りミニマリストPHP
uzulla
4
1.1k
イベントストーミングによるオブジェクトモデリング・オブジェクト指向プログラミングの適用・開発プロセスの変遷・アーキテクチャの変革 / Object modeling with Event Storming.
nrslib
12
3.1k
9年開発を牽引して見えてきた、共通化すべきものと個別でつくるもの ~プログラム言語~
shinout
1
130
Ruby製社内ツールのGo移行
bgpat
2
260
RubyVM を PHP で実装する 〜Hello World を出力するまで〜
memory1994
PRO
1
490
LPIXEL×CADDi_kaerururu
kaerururu
3
300
Go1.22からの疑似乱数生成器について/go-122-pseudo-random-generator
convto
1
160
せっかくモデル図描くのなら、嬉しいことが多い方がいいよね!
kuboaki
1
1.8k
Deep Dive 大規模システムアーキテクチャ/開発組織エンジニアリング / Deep Dive Large-Scale System Architecture, Development Organization Engineering
nrslib
15
2.9k
DDD, necessary but insufficient: physical design principles for microservices
cer
PRO
0
2.2k
Featured
See All Featured
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
111
35k
Done Done
chrislema
178
15k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
242
20k
The Cost Of JavaScript in 2023
addyosmani
13
3.7k
Building Better People: How to give real-time feedback that sticks.
wjessup
350
18k
The Illustrated Children's Guide to Kubernetes
chrisshort
28
46k
KATA
mclloyd
14
11k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
39
4.3k
StorybookのUI Testing Handbookを読んだ
zakiyama
10
4.5k
Fashionably flexible responsive web design (full day workshop)
malarkey
397
65k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
34
8.8k
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
Transcript
Matija Maronhić Studying Strapi An open-source headless CMS
🤔
Maintaining the site ≠ Maintaining content
At Orbit • our documentation is for developers and designers
• we have a technical writer that happens to be good at development • so we can get away with Gatsby + MDX + bunch of other stu ff • but nobody else will know how to update it, including future technical writers who aren’t tech-savvy
Headless CMS • content fetched via API requests • decoupling
content from development • more fl exibility = less likely to be refactored
Options • 25+ • WordPress • NetlifyCMS • Contentful •
Strapi • DatoCMS • …
Why Strapi? • tried NetlifyCMS (barely), Prismic, and DatoCMS •
options I checked out either didn’t have a free plan or it seemed too limited • Strapi’s free plan has unlimited API calls
Contentful? • great reviews on Twitter • free plan •
25K records—I probably read this wrong the last time • 2 million API calls per month • fi rst paid plan is $489/mo 😅 💸
Improvement Day plan 1. learn the basics of Strapi 2.
integrate it with Next.js or Gatsby 3. pro fi t
Basics • I was trying to fi nd “slow start”
• npx create - my - app commands usually do too much this escalated quickly
Basics • REST API by default, but supports GraphQL •
comprehensive CLI • various plugins • email using services like Sendgrid, Mailgun etc. • editing stu ff sometimes changes fi les in the fi lesystem
None
Conclusions • I wish I knew more about backend •
Strapi seems to be very DYI • so far I’m comfortable with that • however, I’ll explore Contentful before continuing with this experiment
General goals • control over the admin interface • maximum
user-friendliness • next to zero developer intervention • editing (eventually) updates the site • preview 🤞 🤞 🤞