rsnext/examples/with-graphql-hooks
TodorTotev 7cf3c3d28d
Feat/remove redundant imports from examples (#13062)
The issue is related to [12964](https://github.com/zeit/next.js/issues/12964)

Let me know if there are any changes you want me to make.

Affected examples:

**with-glamor
with-graphql-hooks
with-graphql-react
with-grommet
with-http2
with-jest
with-cookie-auth-fauna
with-context-api
with-cerebral
with-aphrodite
with-apollo-and-redux
basic-css
with-carbon-components
amp-first**

I would love to help more, so let me know if there is anything specific I can contribute to.
2020-05-20 17:50:03 +00:00
..
components Update Examples for Fast Refresh (#13068) 2020-05-18 17:44:18 -04:00
lib Update Examples for Fast Refresh (#13068) 2020-05-18 17:44:18 -04:00
pages Feat/remove redundant imports from examples (#13062) 2020-05-20 17:50:03 +00:00
package.json Remove isomorphic-unfetch from examples (#12948) 2020-05-15 22:23:55 +02:00
README.md Rename ZEIT to Vercel (#12075) 2020-04-21 11:47:12 +02:00

GraphQL Hooks 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.

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.

Deploy your own

Deploy the example using Vercel:

Deploy with Vercel

Live Example: https://next-with-graphql-hooks.now.sh

How to use

Using create-next-app

Execute create-next-app with npm or Yarn to bootstrap the example:

npm init 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 Vercel (Documentation).