Slide 1

Slide 1 text

© 2021 Contentful Amos Syuma, AWS Stefan Judis, Contentful How to build with speed, AWS and Contentful

Slide 2

Slide 2 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 3

Slide 3 text

© 2021 Contentful Amos Syuma Cloud Support Engineer, AWS Stefan Judis Developer Relations, Contentful

Slide 4

Slide 4 text

© 2021 Contentful What will we build today?

Slide 5

Slide 5 text

© 2021 Contentful ● Authentication ● Analytics ● Content Management ● Hosting & deploy

Slide 6

Slide 6 text

© 2021 Contentful What will we use?

Slide 7

Slide 7 text

© 2021 Contentful AWS Amplify aws.amazon.com/amplify/

Slide 8

Slide 8 text

© 2021 Contentful

Slide 9

Slide 9 text

© 2021 Contentful Amplify Framework

Slide 10

Slide 10 text

© 2021 Contentful Auth Used AWS Amplify CLI features

Slide 11

Slide 11 text

© 2021 Contentful Analytics Used AWS Amplify CLI features

Slide 12

Slide 12 text

© 2021 Contentful AWS Amplify CLI ● AWS CloudFormation stack ● AWS services ● Amplify folder (local) ○ CloudFormation configuration ○ Backend code ● Local configuration file

Slide 13

Slide 13 text

© 2021 Contentful AWS Amplify client libraries

Slide 14

Slide 14 text

© 2021 Contentful ● Integrated CI/CD ● Auto-detected build settings ● Multi-environment support with feature branch deploys ● Password-protected deployments ● Custom domains + free HTTPS ● Rewrites, redirects and reverse proxies ● Notifications ● And much more...

Slide 15

Slide 15 text

© 2021 Contentful Contentful contentful.com

Slide 16

Slide 16 text

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

Slide 17

Slide 17 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 18

Slide 18 text

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

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

© 2021 Contentful Content platform architecture CMA

Slide 22

Slide 22 text

© 2021 Contentful Content platform architecture CMA

Slide 23

Slide 23 text

© 2021 Contentful Content platform architecture Developers

Slide 24

Slide 24 text

© 2021 Contentful Content platform architecture Developers

Slide 25

Slide 25 text

© 2021 Contentful Structured content My project space

Slide 26

Slide 26 text

© 2021 Contentful Shall we get into it?

Slide 27

Slide 27 text

© 2021 Contentful Content model set up Set up CRA Add authentication Add analytics

Slide 28

Slide 28 text

© 2021 Contentful AWS Cloud9

Slide 29

Slide 29 text

© 2021 Contentful How long did it take us to build and deploy and app with Authorization, Analytics and Contentful?

Slide 30

Slide 30 text

© 2021 Contentful 30 minutes while chatting with you folks!

Slide 31

Slide 31 text

© 2021 Contentful

Slide 32

Slide 32 text

© 2021 Contentful Additional resources

Slide 33

Slide 33 text

© 2021 Contentful Contentful Developer Portal contentful.com/developers/

Slide 34

Slide 34 text

© 2021 Contentful Contentful Developer Community contentful.com/slack/

Slide 35

Slide 35 text

© 2021 Contentful Amplify Community amplify.aws/community/

Slide 36

Slide 36 text

© 2021 Contentful Example repository github.com/syumaK/amplify-contentful-app