rsnext/examples/with-graphql-hooks
Tim Neutkens ed81a14922
Enable @typescript-eslint/no-use-before-define for examples dir (#39469)
Found that this rule was added but all options are set to `false` so it doesn't do anything. Started with enabling it for examples to ensure minimal breaking of existing PRs.

## Bug

- [ ] Related issues linked using `fixes #number`
- [ ] Integration tests added
- [ ] Errors have helpful link attached, see `contributing.md`

## Feature

- [ ] Implements an existing feature request or RFC. Make sure the feature request has been accepted for implementation before opening a PR.
- [ ] Related issues linked using `fixes #number`
- [ ] Integration tests added
- [ ] Documentation added
- [ ] Telemetry added. In case of a feature if it's used or not.
- [ ] Errors have helpful link attached, see `contributing.md`

## Documentation / Examples

- [ ] Make sure the linting passes by running `pnpm lint`
- [ ] The examples guidelines are followed from [our contributing doc](https://github.com/vercel/next.js/blob/canary/contributing.md#adding-examples)
2022-08-10 16:30:36 +00:00
..
components Enable @typescript-eslint/no-use-before-define for examples dir (#39469) 2022-08-10 16:30:36 +00:00
lib fix(examples): Update nextjs-graphql-with-prisma-simple example API endpoint (#32759) 2021-12-23 15:32:07 +00:00
pages fix(examples): make with-graphql-hooks run correctly again (#20929) 2021-01-11 13:55:18 +00:00
.gitignore Update default gitignore templates (#39051) 2022-07-26 20:08:40 -05:00
package.json Clean up examples package.json (#27121) 2021-07-12 19:58:03 +00:00
README.md docs(examples): improve DX while copying command to create new project (#38410) 2022-07-26 21:57:48 -05:00
styles.css fix(examples): make with-graphql-hooks run correctly again (#20929) 2021-01-11 13:55:18 +00: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

How to use

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

npx create-next-app --example with-graphql-hooks with-graphql-hooks-app
yarn create next-app --example with-graphql-hooks with-graphql-hooks-app
pnpm create next-app --example with-graphql-hooks with-graphql-hooks-app

Deploy it to the cloud with Vercel (Documentation).