Podcast: Syntax - Tasty Web Development Treats (LS 62 · TOP 0.1% what is this?)
Episode: Headless CMS Break Down & Roundup
Pub date: 2020-06-03

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

• Sanity
• Prismic
• Contentful
• Dato CMS
• Storyblok
• 8Base
• Agility CMS
  • Seems to be making a big corporate play

36:59 - Self-Hosted

• WordPress
  • WordPress REST API
  • GraphQL API
  • WP GraphQL
  • Advanced Custom Fields for custom UI
  • Most things in WordPress are custom post types and taxonomies, so data from plugins can often be surfaced
  • The theme UI from plugins is often lost
• Drupal
  • contentacms.org
• Craft CMS
• Ghost
• Strapi
• Keystone
• Joomla (JK!)

44:33 - API (BYOUI)

• Hasura
• Prisma
• Firebase

47:37 - Git Based

• Netlify
• Forestry

50:30 - Other

• Google Sheets
  • Sheety
• Airtable
• Tina CMS
  • Not a CMS
• Markdown under the hood
• Notion

Links * https://twitter.com/wesbos/status/1254772936935739393 * Pixel & Tonic * GraphCool * GraphCMS * Sapper

××× SIIIIICK ××× PIIIICKS ××× * Scott: DEWALT Random Orbit Sander * Wes: Shelf Brackets

Shameless Plugs * Scott: New course on Sapper - Sign up for the year and save 25%! * Wes: Wes’ YouTube Channel

Tweet us your tasty treats! * Scott’s Instagram * LevelUpTutorials Instagram * Wes’ Instagram * Wes’ Twitter * Wes’ Facebook * Scott’s Twitter * Make sure to include @SyntaxFM in your tweets

The podcast and artwork embedded on this page are from Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers, which is the property of its owner and not affiliated with or endorsed by Listen Notes, Inc.