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

• Subscribe on YouTube
• Discord
• Twitter
• TikTok
• Facebook
• Instagram

Buy me a Coffee

Sign up to DigitalOcean 💖