Name		Name	Last commit message	Last commit date
Latest commit History 5 Commits
generated		generated
graphql		graphql
lib		lib
pages		pages
public		public
styles		styles
.gitignore		.gitignore
NOTES.md		NOTES.md
README.md		README.md
codegen.yml		codegen.yml
next-env.d.ts		next-env.d.ts
next.config.js		next.config.js
package.json		package.json
tsconfig.json		tsconfig.json
yarn.lock		yarn.lock

Repository files navigation

Connect Next.js with GraphQL API using Apollo Client 3

YouTube video: https://www.youtube.com/watch?v=4yDrtFUbUzo

Features

Don't have to use getServerSideProps or getStaticProps for SSR
Typed hooks generated from the GraphQL schema

Bootstrap Next.js project

Create app with npx create-next-app
Convert to TypeScript project
Install dependencies

Connect to GraphQL API

Create Apollo HOC with the next-with-apollo modules
How to control client-side and server-side rendering

Generate Type, hooks with graphql-code generator

Let's keep in touch

Buy me a Coffee

Sign up to DigitalOcean 💖