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

9155ebfc50776ca2d9327f2d0e7f9f47?s=128

Contentful Webinars

September 23, 2021
Tweet

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