Apollo Client Partial Details Example

An example project with Vue, Apollo Client, TypeScript, and GraphQL Code Generator showing off the possibility to easily use list query data for pre-filling data for a details query.

• Companion article on Medium: Improving the user experience of page navigation with Apollo Client | Using partial list view data to pre-fill detail views
• Deployed to Netlify
• Edit on StackBlitz ⚡️

Requirements

• node
• npm

Getting started

First, install the dependencies:

npm install

Then, run the dev server:

npm run dev

You can also run GraphQL Code Generator:

npm run codegen

And run TypeScript type checks:

npm run build