Ionic 4 Apollo GraphQL Example

Sample application that integrates Ionic and Apollo GraphQL sever.

Implementation include:

Ionic4 Angular frontent backed by Cordova/Capacitor for mobile deployment
Apollo GraphQL Node.js server implementing sample Tasks API

Aproach

Server side implements classical CRUD model on Task objects. Updates are being delivered using GraphQL subscriptions.

Running example

Requirements:

Docker
Node.js 6.x or above

Running the client

Install this Ionic 4 starter app

npm install

Install Ionic

npm install ionic

Browse Ionic 4 app

npm run start

Run on Emulator

npm run ionic:android

Running the server

Running server requires docker in order to run database

cd ./server
docker-compose up -d
npm install
npm run start

Demo

GraphQL tutorial

This repo is using GraphQL for communication between server and client. To learn basics about GraphQL please follow tutorial:

https://www.javascripttuts.com/implementing-graphql-using-apollo-in-an-ionic-application-introduction/

Ionic tutorial

This repo contains the code of an Ionic 4 starter app that we created as part of a Getting started with Ionic 4 tutorial. In the following tutorial your will learn the differences between Ionic 3 and Ionic 4 and all the new concepts about Ionic 4:

Tutorial

Find more Ionic tutorials and starter apps in https://ionicthemes.com

Project Name	Stars	Repos Using This	Packages Using This	Most Recent Commit	Total Releases	Latest Release	Open Issues	License	Language
Apollo Server	13,258	5,326	1,153	5 hours ago	305	August 26, 2022	35	mit	TypeScript
🌍 Spec-compliant and production ready JavaScript GraphQL server that lets you develop in a schema-first way. Built for Express, Connect, Hapi, Koa, and more.
Graphql Shield	3,429			a month ago			89	mit	TypeScript
🛡 A GraphQL tool to ease the creation of permission layer.
Vulcain	3,358		2	a month ago	15	October 14, 2021	22	agpl-3.0	Go
Fast and idiomatic client-driven REST APIs.
Meatier	3,115			5 years ago			36		JavaScript
:hamburger: like meteor, but meatier :hamburger:
Strawberry	3,038			4 hours ago			351	mit	Python
A GraphQL library for Python that leverages type annotations 🍓
Async Graphql	2,754		52	5 days ago	386	September 26, 2022	83	apache-2.0	Rust
A GraphQL server library implemented in Rust
Graphpack	1,992	12	1	2 years ago	14	February 26, 2019	34	mit	JavaScript
☄️ A minimalistic zero-config GraphQL server.
Ariadne	1,975	10	29	4 hours ago	34	April 22, 2022	54	bsd-3-clause	Python
Python library for implementing GraphQL servers using schema-first approach.
Reactql	1,833			3 months ago	71	November 18, 2017	41	mit	TypeScript
Universal React+GraphQL starter kit: React 16, Apollo 2, MobX, Emotion, Webpack 4, GraphQL Code Generator, React Router 4, PostCSS, SSR
Json Graphql Server	1,811	40	5	2 months ago	21	August 24, 2022	8	mit	JavaScript
Get a full fake GraphQL API with zero coding in less than 30 seconds.

Ionic Graphql Starter