brietsparks / apollo-graphql-content-feed-app

Practice with Apollo Server and Apollo Client

Apollo Graphql Content Feed App

An app that explores practices and patterns for building a GraphQL-power app with Apollo Server and Apollo Client, using a generic posts+images feed app as a usecase.

Dependencies

Dependencies for running locally:

• Node >=14.18
• Docker + docker-compose

Run

Service

Setup: yarn install

Run the app:

• docker-compose up
• yarn dev

Run tests:

• yarn test

Webapp

Setup: yarn install

Run the app:

• yarn dev

apollo-graphql-content-feed-app's Issues

server: better graphql updating dx

approaches

• hot-reload when editing graphql file
• on yarn gql, run a server with mocked dependencies. Update the gql files against the server. Then terminate the server

ensure db transaction helper rolls back on error

separate pages

bidirectional infinite scroller

better isomorphic apollo client abstraction

dependency cruiser

comments tree

barrel file tree shaking

observability

server-side pagination url params

add .env file path as arg to yarn dev/start command

Add .env file path as arg to yarn dev/start command

example

• yarn dev .env.staging uses .env.staging
• yarn dev falls back to .env.local
• yarn start .env.staging uses .env.staging
• yarn start falls back to .env

lists for user-posts, user-images

limit number of db calls per graphql request

Approaches:

• APQ query whitelisting. How?
• repository/provider context. A bit tricky
• https://github.com/slicknode/graphql-query-complexity

experiment with reusable test functions

apollo persisted queries

move entity grouping logic from dataloaders to repositories

getRecentPostsOfTags as an example

improve knex alias helper

content list

form validation

improve typing on pagination util