https://github.com/tomdoestech/nextjs-with-apollo-client-tutorial
https://github.com/tomdoestech/nextjs-with-apollo-client-tutorial
apollo-client graphql graphql-code-generator nextjs react typescript
Last synced: 9 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/tomdoestech/nextjs-with-apollo-client-tutorial
- Owner: TomDoesTech
- Created: 2021-05-17T12:02:27.000Z (almost 5 years ago)
- Default Branch: main
- Last Pushed: 2021-11-02T08:46:52.000Z (over 4 years ago)
- Last Synced: 2025-04-08T08:48:28.368Z (12 months ago)
- Topics: apollo-client, graphql, graphql-code-generator, nextjs, react, typescript
- Language: TypeScript
- Homepage: https://www.youtube.com/watch?v=4yDrtFUbUzo
- Size: 96.7 KB
- Stars: 16
- Watchers: 2
- Forks: 9
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://www.youtube.com/TomDoesTech)
- [Discord](https://discord.gg/4ae2Esm6P7)
- [Twitter](https://twitter.com/tomdoes_tech)
- [TikTok](https://www.tiktok.com/@tomdoestech)
- [Facebook](https://www.facebook.com/tomdoestech)
- [Instagram](https://www.instagram.com/tomdoestech)
[Buy me a Coffee](https://www.buymeacoffee.com/tomn)
[Sign up to DigitalOcean 💖](https://m.do.co/c/1b74cb8c56f4)