Learn to build mobile apps with Angular and Ionic.
Ionic 4 + AppSync: Add ElasticSearch to GraphQL API - Part 6
In this tutorial we're going to configure Amazon ElasticSearch Service to index the cards in our app so we can perform searches on them through our GraphQL API. As you've seen in previous parts, adding AWS backend resources to our GraphQL API is very…
Ionic 4 + AppSync: Set up Authentication with Amazon Cognito - Part 5
In this post we're going to continue building our app by adding authentication and authorization features to it. This isn't something you'd normally consider easy to implement, but with Amplify you can do this in a matter of minutes. We're going to…
Ionic 4 + AppSync: Use GraphQL mutations in Ionic - Part 4
In the previous parts of this tutorial we've set up a GraphQL backend with AWS AppSync and created Ionic pages to display the data from the backend. We will now use GraphQL mutations to create/update/delete Cards from our Ionic app with a cool new…
Ionic 4 + AppSync: Add Ionic pages and GraphQL queries - Part 3
In the previous post we set up a GraphQL backend with AWS AppSync. Now, we're going to create the Ionic app, which will use this backend. We're going to use Ionic components like: Cards, Slides, and Modals to implement the user interface for this app…
Ionic 4 + AppSync: Create a GraphQL API - Part 2
In this post, we'll have a look at how to set up the AWS AppSync API which will be used in our Ionic app. We'll create a simple Quiz app that lets you create Decks and Cards to showcase the CRUDL functionality that is supported by the AppSync GraphQL…
Ionic 4 + AppSync: Build a mobile app with a GraphQL backend - Part 1
A year ago I wrote a tutorial for building a GraphQL backend for an Ionic app with Graphcool. Around the same time, Amazon Web Services (AWS) released their own GraphQL service called AWS AppSync. Amazon Web Services are widely used by many (big…
How To Build An Ionic App With A Graphcool Backend - Part 5
In the previous parts of this tutorial, we created a Shopping List app with Ionic which uses Apollo Client to query and mutate data in a Graphcool backend. In this part, we'll set up a GraphQL subscription to get real-time updates from the backend…
How To Build An Ionic App With A Graphcool Backend - Part 4
In the previous part of this tutorial, we created a Shopping List app with Ionic which uses Apollo Client to query a Graphcool backend. In this part, we are going to write code to insert, update and delete items in the shopping list. This tutorial…
How To Build An Ionic App With A Graphcool Backend - Part 3
In the previous part of this tutorial, we created a project on Graphcool and defined the schema for our Shopping List app. In this part, we'll create our Ionic Shopping List app and add Apollo Client to it to connect to our Graphcool backend. This…
How To Build An Ionic App With A Graphcool Backend - Part 2
In this post, we'll have a look at how to set up a Graphcool project to serve as the backend for our Ionic app which is going to be a Shopping List app. In the app, we'll have a view for displaying items and another for displaying categories. When a…