Stop worrying and start shipping with structured content

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