JoosepAlviste / apollo-client-partial-details-example

Example for using partial list view data to pre-fill detail views with Apollo Client

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