Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Stop worrying and start shipping with structured content

Stop worrying and start shipping with structured content

Contentful Webinars

September 23, 2021
Tweet

More Decks by Contentful Webinars

Other Decks in Business

Transcript

  1. © 2021 Contentful Stop worrying and start shipping with structured

    content Let's webinar!
  2. © 2021 Contentful Salma Alam-Naylor @whitep4nth3r Stefan Judis @stefanjudis

  3. © 2021 Contentful Housekeeping • This webinar is being recorded;

    we will share the recording with all registrants — keep an eye on your inbox! • Please add your questions in the Q&A box, we will answer them after the presentation during the Q&A session at the end • To get in touch, write to us at team@contentfulmail.com
  4. © 2021 Contentful We've come a long way!

  5. © 2021 Contentful Old-school architecture Editing Interface Your website Old-school

    CMS HTML (CSS, and JS) Content, functionality and (!) look
  6. © 2021 Contentful I had to set up the server

    and database.
  7. © 2021 Contentful I had to set up the server

    and database. I had to maintain and update the CMS.
  8. © 2021 Contentful I had to set up the server

    and database. I had to maintain and update the CMS. I had to scale the system when traffic rises.
  9. © 2021 Contentful I had to set up the server

    and database. I had to maintain and update the CMS. I had to scale the system when traffic rises. I had to deal with customers breaking their websites.
  10. © 2021 Contentful HTML-based editing HTML-based content editors (WYSIWYG) are

    not a scalable content solution. You can't reuse your content on other platforms or devices! It's error-prone.
  11. © 2021 Contentful I didn't like it very much. Between

    us
  12. © 2021 Contentful Old-school content management systems are not ready

    for the future of digital experiences!
  13. © 2021 Contentful Yours truly “I want a CMS that's

    set up quickly, flexible and easy-to use. I should decide the tech stack! (and not my CMS) * because I like to use Hipster Development Stuff...
  14. © 2021 Contentful Old-school architecture Editing Interface Your website Old-school

    CMS HTML (CSS, and JS) Content, functionality and look
  15. © 2021 Contentful { "fields": { "title": { "en-US": "Hello

    world!" }, "body": { "en-US": "This is hofftastic!" } }, "metadata": { "tags": [ { "sys": { "type": "Link", "linkType": "Tag", "id": "nyCampaign" } JSON APIs * Pure content Content platform architecture * Application Programming Interface
  16. © 2021 Contentful Content platform architecture Content Delivery API (RESTful)

    Content Preview API (RESTful) Content Management API (RESTful)
  17. © 2021 Contentful Content platform architecture Content Delivery API (RESTful)

    Content Preview API (RESTful) Content Management API (RESTful) GraphQL (CDA & CPA)
  18. © 2021 Contentful Content platform architecture CMA

  19. © 2021 Contentful Content platform architecture Developers

  20. © 2021 Contentful Content platform architecture Developers

  21. © 2021 Contentful Being digital is more than posts and

    pages!
  22. © 2021 Contentful Structured content

  23. © 2021 Contentful Structured content My project space

  24. © 2021 Contentful Let's build something from scratch! (and we'll

    do it live!)
  25. © 2021 Contentful Next.js + Contentful

  26. © 2021 Contentful Take it away, Salma!

  27. © 2021 Contentful What did Salma just build?

  28. © 2021 Contentful The content model Title Slug Color Image

    Body
  29. © 2021 Contentful The content Title Slug Color Image Body

    a reference link Some text and
  30. © 2021 Contentful The content Title Slug Color Image Body

    a reference link Some text and Title Slug Color Image Body reference link Another
  31. © 2021 Contentful

  32. © 2021 Contentful Structured content makes content reusable.

  33. © 2021 Contentful Structured content is scalable, reusable and platform-agnostic!

  34. © 2021 Contentful ctfl.io/wanna-scale-up

  35. © 2021 Contentful ctfl.io/richtext-tricks ctfl.io/render-links-in-richtext

  36. © 2021 Contentful contentful.com/developers/

  37. © 2021 Contentful contentful.com/fast-forward/

  38. © 2021 Contentful Thank you! Let's do Q&A. Salma Alam-Naylor

    @whitep4nth3r | whitep4nth3r.com Stefan Judis @stefanjudis | stefanjudis.com