History

laiso fdb10d4f1d Update to Next v8.0 example on with-graphql-react (#6454 ) I'm working on examples/with-graphql-react changes to: - Next v7 to v8.0 and update dependencies - fix some errors for the change of graphql-react API		2019-02-26 23:44:45 +01:00
..
pages	Update to Next v8.0 example on with-graphql-react (#6454 )	2019-02-26 23:44:45 +01:00
package.json	Update to Next v8.0 example on with-graphql-react (#6454 )	2019-02-26 23:44:45 +01:00
README.md	Add an example with graphql-react (#5984 )	2019-01-09 10:24:38 +01:00

Next.js example with `graphql-react`

graphql-react is a lightweight but powerful GraphQL client for React; the first Relay and Apollo alternative with server side rendering.

See how it can be used in a Next.js app for GraphQL queries with server side rendering and client side data hydration:

In pages/_app.js a custom App component is decorated with the withGraphQL higher-order component from next-graphql-react, generating a graphql prop that populates the Provider component from graphql-react.
In pages/index.js the Query component from graphql-react is used to query the GraphQL Pokémon API and show a picture of Pikachu.

Setup

Download the example:

curl https://codeload.github.com/zeit/next.js/tar.gz/canary | tar -xz --strip=2 next.js-canary/examples/with-graphql-react