a9325f123a
* Remove prefetch from with-apollo-and-redux-saga example Next.js auto-prefetches automatically based on viewport. The prefetch attribute is no longer needed. More: https://err.sh/zeit/next.js/prefetch-true-deprecated * Remove prefetch from using-inferno example Next.js auto-prefetches automatically based on viewport. The prefetch attribute is no longer needed. More: https://err.sh/zeit/next.js/prefetch-true-deprecated * Remove prefetch from with-apollo-and-redux example Next.js auto-prefetches automatically based on viewport. The prefetch attribute is no longer needed. More: https://err.sh/zeit/next.js/prefetch-true-deprecated * Remove prefetch from with-apollo-auth example Next.js auto-prefetches automatically based on viewport. The prefetch attribute is no longer needed. More: https://err.sh/zeit/next.js/prefetch-true-deprecated * Remove prefetch from with-tailwindcss example Next.js auto-prefetches automatically based on viewport. The prefetch attribute is no longer needed. More: https://err.sh/zeit/next.js/prefetch-true-deprecated * Remove prefetch from with-graphql-hooks example Next.js auto-prefetches automatically based on viewport. The prefetch attribute is no longer needed. More: https://err.sh/zeit/next.js/prefetch-true-deprecated * Remove prefetch from data-fetch example Next.js auto-prefetches automatically based on viewport. The prefetch attribute is no longer needed. More: https://err.sh/zeit/next.js/prefetch-true-deprecated |
||
|---|---|---|
| .. | ||
| components | ||
| lib | ||
| pages | ||
| next.config.js | ||
| package.json | ||
| README.md | ||
GraphQL Hooks Example
This started life as a copy of the with-apollo example. We then stripped out Apollo and replaced it with graphql-hooks. This was mostly as an exercise in ensuring basic functionality could be achieved in a similar way to Apollo. The bundle size of graphql-hooks is tiny in comparison to Apollo and should cover a fair amount of use cases.
Demo
https://next-with-graphql-hooks.now.sh
How to use
Using create-next-app
Execute create-next-app with Yarn or npx to bootstrap the example:
npx create-next-app --example with-graphql-hooks with-graphql-hooks-app
# or
yarn create next-app --example with-graphql-hooks with-graphql-hooks-app
Download manually
Download the example:
curl https://codeload.github.com/zeit/next.js/tar.gz/canary | tar -xz --strip=2 next.js-canary/examples/with-graphql-hooks
cd with-graphql-hooks
Install it and run:
npm install
npm run dev
# or
yarn
yarn dev
Deploy it to the cloud with now (download):
now
The idea behind the example
GraphQL Hooks is a library from NearForm that intends to be a minimal hooks-first GraphQL client. Providing a similar API to Apollo.
You'll see this shares the same graph.cool backend as the Apollo example, this is so you can compare the two side by side. The app itself should also look identical.