mirror of
https://github.com/hanzoai/next.js.git
synced 2026-09-24 17:00:51 +00:00
JTaylor0196andGitHub
f7baa56792
### What? Updates Deploy button URLs for all listed examples here: https://github.com/vercel/next.js/tree/canary/examples ### Why? The Deploy URLs are currently broken and result in a failed clone attempt on Vercel. ### How? The URLs have been changed from https://vercel.com/new/git/external?… to -> https://vercel.com/new/clone?… (Last updated [here](https://github.com/vercel/next.js/commit/8eaabe2fb0fb3a1d9f4931a332e608395813a3b9) in 2021)
2.6 KiB
2.6 KiB
Next.js example with graphql-react
graphql-react is a GraphQL client for React using modern context and hooks APIs that is lightweight (< 3 KB size limited) but powerful; the first Relay and Apollo alternative with server side rendering.
Deploy your own
Deploy the example using Vercel:
How to use
Execute create-next-app with npm, Yarn, or pnpm to bootstrap the example:
npx create-next-app --example with-graphql-react with-graphql-react-app
yarn create next-app --example with-graphql-react with-graphql-react-app
pnpm create next-app --example with-graphql-react with-graphql-react-app
Deploy it to the cloud with Vercel (Documentation).
Notes
- In
pages/_app.jsa customAppcomponent is decorated with thewithGraphQLApphigher-order component fromnext-graphql-react, generating agraphqlprop that populates theGraphQLProvidercomponent fromgraphql-react. - In
pages/index.jstheuseGraphQLReact hook fromgraphql-reactis used to query the GraphQL Pokémon API and show a picture of Pikachu.