Next.js 13, Apollo Client v4 and GraphQL: Building a powerful and efficient API | Client Side
In this tutorial we will be building a full-stack web application with Next.js 13, Apollo client 4 and GraphQL. In this video, i will be showing you how to use the latest version of Next.js and Apollo client to build powerful GraphQL API. We will start by setting up a Next.js project and integrating Apollo client 4, which will allow us to handle all of our GraphQL operations. Then we will move on to creating our GraphQL schema and implementing different GraphQL operations such as queries and mutations, . By the end of this tutorial, you will have a solid understanding of how to build a full-stack web application with Next.js, Apollo client 4 and GraphQL. So, make sure to watch this tutorial and learn how to leverage the power of Next.js 13 and Apollo client 4 to build a powerful and efficient GraphQL API."
Code Link - https://github.com/Thabish-Kader/Next...
0:00 Explaining what will be doing
0:45 Setting up apollo client
04:25 Novels Component
5:58 Queries folder
06:36 GET_NOVELS query
09:18 fixing cors error
10:09 loading and error message
11:10 type definitions
14:19 pasting the stylings
15:00 mutaion for adding novel
19:45 fixing error
23:02 Novel component
26:00 refetching queries
28:12 mutation for deleting novel
31:10 fixing error
32:55 createing page for individual novel
35:15 query for indiviual novel
38:15 mutation for updateing novel
44:38 function for createing author
45:15 mutation for adding author
49: mutation for deleting author
52:12 final demo