Slide 1

Slide 1 text

© 2021 Contentful Stop worrying and start shipping with structured content Let's webinar!

Slide 2

Slide 2 text

© 2021 Contentful Salma Alam-Naylor @whitep4nth3r Stefan Judis @stefanjudis

Slide 3

Slide 3 text

© 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 [email protected]

Slide 4

Slide 4 text

© 2021 Contentful We've come a long way!

Slide 5

Slide 5 text

© 2021 Contentful Old-school architecture Editing Interface Your website Old-school CMS HTML (CSS, and JS) Content, functionality and (!) look

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

© 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.

Slide 9

Slide 9 text

© 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.

Slide 10

Slide 10 text

© 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.

Slide 11

Slide 11 text

© 2021 Contentful I didn't like it very much. Between us

Slide 12

Slide 12 text

© 2021 Contentful Old-school content management systems are not ready for the future of digital experiences!

Slide 13

Slide 13 text

© 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...

Slide 14

Slide 14 text

© 2021 Contentful Old-school architecture Editing Interface Your website Old-school CMS HTML (CSS, and JS) Content, functionality and look

Slide 15

Slide 15 text

© 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

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

© 2021 Contentful Content platform architecture CMA

Slide 19

Slide 19 text

© 2021 Contentful Content platform architecture Developers

Slide 20

Slide 20 text

© 2021 Contentful Content platform architecture Developers

Slide 21

Slide 21 text

© 2021 Contentful Being digital is more than posts and pages!

Slide 22

Slide 22 text

© 2021 Contentful Structured content

Slide 23

Slide 23 text

© 2021 Contentful Structured content My project space

Slide 24

Slide 24 text

© 2021 Contentful Let's build something from scratch! (and we'll do it live!)

Slide 25

Slide 25 text

© 2021 Contentful Next.js + Contentful

Slide 26

Slide 26 text

© 2021 Contentful Take it away, Salma!

Slide 27

Slide 27 text

© 2021 Contentful What did Salma just build?

Slide 28

Slide 28 text

© 2021 Contentful The content model Title Slug Color Image Body

Slide 29

Slide 29 text

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

Slide 30

Slide 30 text

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

Slide 31

Slide 31 text

© 2021 Contentful

Slide 32

Slide 32 text

© 2021 Contentful Structured content makes content reusable.

Slide 33

Slide 33 text

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

Slide 34

Slide 34 text

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

Slide 35

Slide 35 text

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

Slide 36

Slide 36 text

© 2021 Contentful contentful.com/developers/

Slide 37

Slide 37 text

© 2021 Contentful contentful.com/fast-forward/

Slide 38

Slide 38 text

© 2021 Contentful Thank you! Let's do Q&A. Salma Alam-Naylor @whitep4nth3r | whitep4nth3r.com Stefan Judis @stefanjudis | stefanjudis.com