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
38
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
140
Cypress vs. Playwright
silvenon
0
160
CSS Specificity
silvenon
0
30
Make your JavaScript projects more accessible to newcomers
silvenon
0
73
React Hooks
silvenon
0
72
PostCSS
silvenon
0
44
CSS Custom Properties
silvenon
0
40
Maintainable Integration Testing in React
silvenon
0
31
Writing Codemods with jscodeshift
silvenon
0
29
Other Decks in Programming
See All in Programming
そのpreloadは必要?見過ごされたpreloadが技術的負債として爆発した日
mugitti9
2
2.4k
クラシルを支える技術と組織
rakutek
0
190
Back to the Future: Let me tell you about the ACP protocol
terhechte
0
120
プログラミングどうやる? ~テスト駆動開発から学ぶ達人の型~
a_okui
0
190
詳しくない分野でのVibe Codingで困ったことと学び/vibe-coding-in-unfamiliar-area
shibayu36
1
300
AIエージェント時代における TypeScriptスキーマ駆動開発の新たな役割
bicstone
4
1.2k
麻雀点数計算問題生成タスクから学ぶ Single Agentの限界と Agentic Workflowの底力
po3rin
5
2k
階層構造を表現するデータ構造とリファクタリング 〜1年で10倍成長したプロダクトの変化と課題〜
yuhisatoxxx
3
750
Let's Write a Train Tracking Algorithm
twocentstudios
0
220
大規模アプリのDIフレームワーク刷新戦略 ~過去最大規模の並行開発を止めずにアプリ全体に導入するまで~
mot_techtalk
0
200
Web Components で実現する Hotwire とフロントエンドフレームワークの橋渡し / Bridging with Web Components
da1chi
2
1.1k
CSC305 Lecture 01
javiergs
PRO
1
380
Featured
See All Featured
We Have a Design System, Now What?
morganepeng
53
7.8k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
880
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.5k
The Power of CSS Pseudo Elements
geoffreycrofte
78
6k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
3k
How to Think Like a Performance Engineer
csswizardry
27
2k
The Invisible Side of Design
smashingmag
301
51k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.1k
Producing Creativity
orderedlist
PRO
347
40k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
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 🤞 🤞 🤞