GitHub - GraphQLCollege/apollo-subscriptions-example: Pinterest style app built with Apollo subscriptions

Pinterest style example showing how to setup Apollo Subscriptions.

Blog post: https://www.graphql.college/graphql-subscriptions-with-react-node-apollo-and-postgres/

Technologies

⚛️ React

🚀 Apollo GraphQL

💾 Postgres

Features

Add pin. Uses React Apollo's <Query /> component.
List pins. Uses React Apollo's <Mutation /> component.
Update pin list in real time.
- Client: Uses <Query />'s subscribeToMore property.
- Server: Uses graphql-subscriptions and graphql-postgres-subscriptions

Getting started

Requirements

Nodejs
Postgres

Installation

# Clone repo
git clone https://github.com/GraphQLCollege/apollo-subscriptions-example.git
# Install server dependencies
cd packages/server && yarn
# Setup environment variables
cp .env.example .env
# Create and migrate database
yarn db:create && yarn db:migrate
# Start server
yarn start
# Start client
cd ../client && yarn && yarn start