A Tasty Treats Podcast for Web Developers.

Ask a Potluck Question β†’
Wes Bos

Wes Bos

XL5G3 Full Stack JavaScript Developer. Creator of really good web development courses. BBQ enthusiast.

Scott Tolinski

Scott Tolinski

Web Developer, NX2V1, Creator of Level Up Tuts, Bboy, Robotops Crew and Youtuber

Playing: 254: Headless CMS Break Down & Roundup

0:00

LOUDNESS

Jun 3rd, 2020

Headless CMS Break Down & Roundup

πŸ‘‡ Download Show✏️ Edit Show Notes

In this episode of Syntax, Scott and Wes talk about headless content management systems β€” why you might want to use one, things you should take into account, and more!

Sanity - Sponsor

Sanity.io is a real-time headless CMS with a fully customizable Content Studio built in React. Get a Sanity powered site up and running in minutes at sanity.io/create. Get an awesome supercharged free developer plan on sanity.io/syntax.

Freshbooks - Sponsor

Get a 30 day free trial of Freshbooks at freshbooks.com/syntax and put SYNTAX in the "How did you hear about us?" section.

Show Notes

02:38 - What and why

  • A headless CMS doesn't mean you have to use a static site generator
  • A headless CMS has an API:
    • REST
    • GraphQL
    • GROQ
  • A headless CMS can pipe its content into:
    • Static Site on build - like Gatsby
    • An app on run/refresh
    • An existing website - widget
  • What makes a CMS? Do you need a UI?
  • What is the threshold?
  • Is a hotdog a sandwich?
  • Things to think about when choosing an API
    • Auth - Rules + roles + levels
  • How easy is it to create new data types?
    • Is it code or UI?
    • Can my mom use it?
  • Can you create one-off content types? (e.g. settings pages)
  • Custom workflows
    • dRafts, revisions, roll backs
  • How are images handled? Do you need another service for that?
  • Pre-determined UI
    • Is custom UI possible?
    • Two-way relationships?
    • Tags?
  • Data validation?
    • UI + API?
  • Hosting?
  • Pricing?
  • Content movability?
    • Can you get your data out?
    • Schemas
    • Users
    • Revisions
  • CORS or realtime API?
  • APIs
    • Can you insert data via the API? (or just pull)
    • Node API
    • Importing data

24:37 - Hosted

36:59 - Self-Hosted

44:33 - API (BYOUI)

47:37 - Git Based

50:30 - Other

Γ—Γ—Γ— SIIIIICK Γ—Γ—Γ— PIIIICKS Γ—Γ—Γ—

Shameless Plugs

Tweet us your tasty treats!