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

Contentful Webinars

November 10, 2021
Tweet

More Decks by Contentful Webinars

Other Decks in Business

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