From the course: Complete Guide to Serverless Web App Development on AWS
Unlock this course with a free trial
Join today to access over 24,600 courses taught by industry experts.
Amplify GraphQL Directives - Amazon Web Services (AWS) Tutorial
From the course: Complete Guide to Serverless Web App Development on AWS
Amplify GraphQL Directives
- [Instructor] Now that our web app is ready, it's time to build a GraphQL API using AppSync. To do this, first we need to create the AppSync API in our infrastructure. To define the API, we must provide a GraphQL schema that specifies the structure of our data. There are multiple ways to define the schema in AppSync. You can write the entire schema manually and build all the result words by hand. But a more convenient approach is to use the Amplify directives. Amplify directives are annotations within your schema that provide additional information to AppSync. They also automate a lot of the boilerplate, making development much faster. Let's look at some of the most common directives that are there. First is the model directive that defines a top level object type and automatically creates the DynamoDB tables to store the data. It also generates all the necessary resolvers to connect this type to the table. In this example, a To do table will be created in DynamoDB and linked to…
Contents
-
-
-
-
-
-
-
-
(Locked)
Introduction to GraphQL4m 5s
-
(Locked)
Introduction to AppSync3m 42s
-
(Locked)
Challenge: Create a cognito userpool, client and identity pool2m 26s
-
(Locked)
Solution: Create a cognito userpool, client and identity pool5m 41s
-
(Locked)
Challenge: Host the test WebApp with Amplify1m 49s
-
(Locked)
Solution: Host the test WebApp with Amplify10m 32s
-
(Locked)
Challenge: Add authentication using cognito to the webapp1m 53s
-
(Locked)
Solution: Add authentication using cognito to the webapp5m 41s
-
(Locked)
Amplify GraphQL Directives2m 33s
-
Create the GraphQL Schema4m 56s
-
(Locked)
Creating a simple API with AppSync and AWS CDK7m 39s
-
(Locked)
Deploying and testing your AppSync API3m 47s
-
(Locked)
Integrating the API into your webapp9m 55s
-
(Locked)
Adding a function as a datasource14m 35s
-
(Locked)
Challenge: Integrating the new function in the front end1m 21s
-
(Locked)
Solution: Integrating the new function in the frontend5m 40s
-
(Locked)
Progress check: Web Apps with GraphQL APIs1m 54s
-
(Locked)
-
-
-