Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Build with speed with AWS Amplify and Contentful

Build with speed with AWS Amplify and Contentful

9155ebfc50776ca2d9327f2d0e7f9f47?s=128

Contentful Webinars

November 10, 2021
Tweet

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