AWS AppSync Tutorial – GraphQL APIs with AppSync, Amplify and Angular



AWS AppSync automatically updates the data in web and mobile applications in real time, and updates data for offline users as soon as they reconnect. Learn how to use it to build a GraphQL API using Amplify and Angular.

💻 Course created by Manoj Fernando. Check out his YouTube channel: https://www.youtube.com/channel/UChpIik3lwpviVj_tIoCeUHw

⭐️ Course Contents ⭐️
⌨️ (00:00) Introduction to GraphQL APIs with AppSync, Amplify and Angular
⌨️ (26:19) Modeling Relationships (1:1 | 1:N | M:N)
⌨️ (57:01) How to send realtime updates with GraphQL subscriptions
⌨️ (1:06:20) Let’s Build an Offline Web App

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://www.freecodecamp.org/news

And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

source

This Post Has 26 Comments

  1. Mr. Developer

    Are you using angular 2? By the way the quality of tutorial is awesome (y)

  2. Francis Gohil

    please make video on perquisite also so that we can know which software need to be install .

  3. Renusha3

    Add a crash course on DevOps and on Jenkins, Docker, Puppet, etc. Thank You!

  4. Zahra

    amazing! thanks Manoj 😌

  5. Eray Tonyali

    Wow, I have been looking for this for a long time! Thank you, I appreciate it.
    I would like to know more about how to do calculations in GraphQL before showing the results to users.
    For example: What is the average age for the employees? or How many employees are in this project (without getting all the employees. Let say there are 130 employees for this project but I don't want to get all of them to know how many employees assigned to it).

  6. I’m working on a React Native App and AppSync, this will greatly help.

    Thank you!

  7. Prateek Kumar

    ERROR TypeError: Cannot read property 'currentAuthenticatedUser' of null
    at check (auth.decorator.js:6)
    at authDecorator (auth.decorator.js:113)
    at new AmplifyService (amplify.service.js:26)
    at _createClass (core.js:21263)
    at _createProviderInstance (core.js:21235)
    at resolveNgModuleDep (core.js:21199)
    at NgModuleRef_.push../node_modules/@angular/core/fesm5/core.js.NgModuleRef_.get (core.js:21907)
    at resolveDep (core.js:22278)
    at createClass (core.js:22150)
    at createDirectiveInstance (core.js:22029)

    I get this error!
    Do I need to setup something initially, I didn't have an cognito account or user pool configured already, if yes can be done later and if yes which files are then supposed to be modified ?

  8. Sanvi

    Appsync code is not working for me in latest code. Do we need to use appolo client instead for subscriptions

  9. Maanas Nandan

    Hi at 18.25, when I do ng serve I am getting the following error:
    core.js:6228 ERROR TypeError: Cannot read property 'viewContainerRef' of undefined
    at AuthenticatorComponent.push../node_modules/aws-amplify-angular/__ivy_ngcc__/dist/src/components/authenticator/authenticator/authenticator.factory.js.AuthenticatorComponent.loadComponent (authenticator.factory.js:47)

    Browser isn't displaying the auth page. Any Ideas on how to fix this issue? Thanks!

  10. Kazi Nayem

    That's really awesome in a word. Thanks Manoj.

  11. S K

    Truly Awesome video.

  12. Rachid Azouze

    1° in this video, What's the name of your language for backend side ?

    2° Is it possible to upload my web site wrote in Django GraphQL ReactJs to AWS AppSync ?
    If yes, how ?

    Thanks a lot, it's a new concept for me.

  13. Shadab Faiz

    This same video is on
    Enlear Academy channel also?

  14. Vj Monik

    Why are you mixing amplify into this.
    What a stupid presentation.
    Randomly put thoughts.

  15. Rajesh Prabhu

    Great tutorial Manoj! There are very few tutorials for Angular. Thanks for sharing.. Great Wrk!

Leave a Reply