Skip to main content
CF

AWS AppSync & Amplify with React & GraphQL - Complete Guide

11h 11m 36s
English
Paid

Learn how to build and deploy a serverless app with React, GraphQL, AppSync, and Amplify. You will work with real tools on AWS and see how each part fits together. You write the code, deploy it, and watch it scale without managing servers.

What You Will Learn

This course is hands-on. You follow clear steps and build each feature yourself.

  • A short and focused GraphQL crash course

  • How to create and deploy GraphQL backends on AWS

  • How to build a web app with the Amplify framework and AppSync

About the Author: Udemy

Udemy thumbnail

Udemy is the largest open marketplace for online courses on the internet. Founded in 2010 by Eren Bali, Oktay Caglar, and Gagan Biyani and headquartered in San Francisco, the company went public on the Nasdaq in 2021 under the ticker UDMY. The platform hosts well over two hundred thousand courses across software development, IT and cloud, data science, design, business, marketing, and creative skills, taught by tens of thousands of independent instructors. Roughly seventy million learners use it worldwide, and the corporate arm — Udemy Business — supplies a curated subset of that catalog to enterprise customers.

Because Udemy is a marketplace rather than a single editorial publisher, the catalog is uneven by design. The strongest material lives in the long-form, project-based courses authored by working engineers — full-stack JavaScript, React, Node.js, Python data science, AWS, Docker and Kubernetes, mobile development with Flutter and React Native, and cloud certification preparation. The CourseFlix listing under this source is the slice of that catalog that has been mirrored here for offline-friendly viewing, organized by topic and updated as new releases land. Pricing on Udemy itself swings dramatically with the site's near-permanent sales, which is why the platform is best treated as a deep reference catalog: pick instructors with strong reviews and a track record of updating their material rather than buying on the headline price alone.

Watch Online 90 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 90 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Instructors Introductions
All Course Lessons (90)
#Lesson TitleDurationAccess
1
Instructors Introductions Demo
01:55
2
What You'll Build in This Course - Blop App Demo
08:25
3
What You'll Learn in This Course
02:10
4
Course Structure
02:31
5
What's AWS AppSync
07:45
6
What's Amplify (CLI)
04:05
7
Installing Development Tools
07:05
8
VSCode Basics
04:32
9
Creating Your AWS Account
01:50
10
Installing and Configuring AWS Amplify CLI
04:25
11
Why GraphQL - Motivation
07:09
12
Who Created GraphQL and Why
03:48
13
GraphQL Overview and Graph Theory
07:53
14
GraphiQL Demo
08:09
15
Setting Up Our First GraphQL Project - Part 1
08:51
16
Importing Express and Creating the App
04:52
17
Installing GraphQL Express Modules and Setup
09:47
18
Creating and Understanding GraphQL Schemas
10:29
19
RootQuery - Running Queries in GraphiQL
15:26
20
Returning Data in the Resolver Function
10:00
21
Adding a Hobby Type and RootType Field
08:15
22
Finish Adding a Post Type
08:26
23
Adding Relationships Between our Types
05:05
24
Showing a User Related to a Post
10:31
25
Showing User Related to a Hobby
05:28
26
Adding the Fields Posts Query
07:24
27
Adding the Hobbies Field Query
04:05
28
Introduction to Mutations - Presentation
01:24
29
Creating User Mutation
11:29
30
Creating Post Mutation
06:24
31
Create Hobby Mutation
07:39
32
Adding Posts Query
05:50
33
Posts and Hobbies Queries
04:41
34
Scalar Types
10:44
35
Scalar Types and Object Types
08:30
36
Non Nullable Field Types
03:48
37
Intro to Mongo DB VS RDBMS
09:03
38
Creating MLab Account
05:40
39
Installing Mongoose Package and Connecting to Remote Database
06:05
40
Creating Mongoose Models - User
08:59
41
Finalizing the Creation of Models and Requiring Them
04:16
42
Saving a User
11:39
43
Storing Data to Our Database - Final
09:05
44
Getting a User By ID
09:27
45
Post and Retrieving data - Final
13:23
46
CORS and Adding NonNulls to Required Field
08:21
47
Updating User
14:27
48
Updating Post and Hobby
12:02
49
Removing a User
05:19
50
Remove Operation - Final
06:17
51
Deploying to Remove Server - Heroku
02:08
52
Deploying Our Node.Js App to Heroku - Complete Guide
18:44
53
Using Prisma Playground
06:31
54
AWS AppSync API Console - Creating an API - Introduction
10:50
55
AWS AppSync API Console - DynamoDb and AddPost Mutation
10:39
56
AWS AppSync API Console - Update and Delete
06:13
57
AWS AppSync API Console - Docs and Root Types
03:59
58
System Overview Architecture - Presentation
04:58
59
AWS AppSync API Console - Resolvers Overview
04:33
60
Final Thoughts on AWS AppSync API Console
03:22
61
Creating Our React App
06:54
62
Setting Up Our API with Amplify Init
08:57
63
Creating Amplify CLI and Creating Backend API
10:34
64
Adding Amplify Modules and Configuring our Frontend App
04:13
65
Logging Data From AppSync
10:55
66
Showing Posts on Our Page ( User Interface )
10:38
67
Finalizing Our Post User Interface
08:55
68
App Form
09:36
69
Sending Posts to Backend AWS DynamoDb
11:04
70
Adding onCreate Subscription and Refreshing UI with Posts Automatically
10:44
71
Adding Auth Module to Our App
07:13
72
Amazong Cognito - User Pool
03:13
73
Creating New Users and Login With Auth
06:42
74
Deleting Posts Using onDeleteListener Subscription
09:11
75
Updating a Post - Part 1
10:15
76
Updating Post Without Subscription - Part 2
05:50
77
Update Post With Subscription
05:13
78
Create Post Comments - Introduction
10:17
79
Setting Up Comment Post to be Shown
11:10
80
Updating the ListPost Query and Showing Comments
07:51
81
FIX - Expired API and How to Fix it
06:09
82
Setup Like Post Logic
10:36
83
Liking and Showing the Like
06:30
84
Monitoring Who Can Like, Delete and Edit a Post
06:25
85
Showing Users Who Liked a Post - Part 1
09:46
86
Showing Users Who Liked a Post in a Popup Window
12:24
87
Testing the Like Feature in Our App
03:19
88
Publishing Our App to S3 Bucket
06:51
89
Next Steps
01:48
90
THANK YOU!
01:33
Unlock unlimited learning

Get instant access to all 89 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Related courses

  • Modern React with Redux [2023 Update] thumbnailUpdated 2y ago

    Modern React with Redux [2023 Update]

    By: Udemy, Stephen Grider
    Congratulations! You've found the most popular, most complete, and most up-to-date resource online for learning React and Redux! Thousands of other engineers
    37h 44m
  • React - The Complete Guide thumbnailUpdated 3y ago

    React - The Complete Guide

    By: Udemy, Academind Pro (Maximilian Schwarzmüller)
    React: The Complete Guide by Maximilian Schwarzmüller — original 2022 edition covering React hooks, Redux, Context API, Next.js basics.
    47h 42m5/5
  • Modern React with Redux [2023 Update] thumbnailUpdated 2y ago

    Modern React with Redux [2023 Update]

    By: Udemy, Stephen Grider
    Congratulations! You've found the most popular, most complete, and most up-to-date resource online for learning React and Redux! Thousands of other engineers
    37h 44m5/5

Frequently asked questions

What is AWS AppSync & Amplify with React & GraphQL - Complete Guide about?
Learn how to build and deploy a serverless app with React, GraphQL, AppSync, and Amplify. You will work with real tools on AWS and see how each part fits together. You write the code, deploy it, and watch it scale without managing servers…
Who teaches this course?
It is taught by Udemy. You can find more courses by this instructor on the corresponding source page.
How long is the course?
It contains 90 lessons with a total runtime of 11 hours 11 minutes. Every lesson is available to watch online at your own pace.
Is it free to watch?
It is part of CourseFlix's premium catalog. A subscription unlocks the full video player; the course description, table of contents, and preview information are available to everyone.
Where can I watch it online?
The course is available to watch online on CourseFlix at https://courseflix.net/course/aws-appsync-amplify-with-react-graphql-complete-guide. The page hosts every lesson with the integrated video player; no download is required.