Build with speed with AWS Amplify and Contentful

Transcript

1. © 2021 Contentful Amos Syuma, AWS Stefan Judis, Contentful How to build with speed, AWS and Contentful
2. © 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
3. © 2021 Contentful Amos Syuma Cloud Support Engineer, AWS Stefan Judis Developer Relations, Contentful
4. © 2021 Contentful What will we build today?
5. © 2021 Contentful • Authentication • Analytics • Content Management • Hosting & deploy
6. © 2021 Contentful What will we use?
7. © 2021 Contentful AWS Amplify aws.amazon.com/amplify/
8. © 2021 Contentful
9. © 2021 Contentful Amplify Framework
10. © 2021 Contentful Auth Used AWS Amplify CLI features
11. © 2021 Contentful Analytics Used AWS Amplify CLI features
12. © 2021 Contentful AWS Amplify CLI • AWS CloudFormation stack • AWS services • Amplify folder (local) ◦ CloudFormation configuration ◦ Backend code • Local configuration file
13. © 2021 Contentful AWS Amplify client libraries
14. © 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...
15. © 2021 Contentful Contentful contentful.com
16. © 2021 Contentful Old-school architecture Editing Interface Your website Old-school CMS HTML (CSS, and JS) Content, functionality and look
17. © 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
18. © 2021 Contentful Content platform architecture Content Delivery API (RESTful) Content Preview API (RESTful) Content Management API (RESTful)
19. © 2021 Contentful Content platform architecture Content Delivery API (RESTful) Content Preview API (RESTful) Content Management API (RESTful) GraphQL (CDA & CPA)
20. © 2021 Contentful Content platform architecture Content Delivery API (RESTful) Content Preview API (RESTful) Content Management API (RESTful) GraphQL (CDA & CPA)
21. © 2021 Contentful Content platform architecture CMA
22. © 2021 Contentful Content platform architecture CMA
23. © 2021 Contentful Content platform architecture Developers
24. © 2021 Contentful Content platform architecture Developers
25. © 2021 Contentful Structured content My project space
26. © 2021 Contentful Shall we get into it?
27. © 2021 Contentful Content model set up Set up CRA Add authentication Add analytics
28. © 2021 Contentful AWS Cloud9
29. © 2021 Contentful How long did it take us to build and deploy and app with Authorization, Analytics and Contentful?
30. © 2021 Contentful 30 minutes while chatting with you folks!
31. © 2021 Contentful
32. © 2021 Contentful Additional resources
33. © 2021 Contentful Contentful Developer Portal contentful.com/developers/
34. © 2021 Contentful Contentful Developer Community contentful.com/slack/
35. © 2021 Contentful Amplify Community amplify.aws/community/
36. © 2021 Contentful Example repository github.com/syumaK/amplify-contentful-app