Slide 1

Slide 1 text

Matija Maronhić Studying Strapi An open-source headless CMS

Slide 2

Slide 2 text

🤔

Slide 3

Slide 3 text

Maintaining the site ≠ Maintaining content

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

Headless CMS • content fetched via API requests • decoupling content from development • more fl exibility = less likely to be refactored

Slide 6

Slide 6 text

Options • 25+ • WordPress • NetlifyCMS • Contentful • Strapi • DatoCMS • …

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

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 😅 💸

Slide 9

Slide 9 text

Improvement Day plan 1. learn the basics of Strapi 2. integrate it with Next.js or Gatsby 3. pro fi t

Slide 10

Slide 10 text

Basics • I was trying to fi nd “slow start” • npx create - my - app commands usually do too much this escalated quickly

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

No content

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

General goals • control over the admin interface • maximum user-friendliness • next to zero developer intervention • editing (eventually) updates the site • preview 🤞 🤞 🤞