Generating TypeScript Types for GraphQL Schema, Queries and Mutations Using GraphQL Code Generator

In this video I'll show how to generate TypeScript types for GraphQL schema, resolvers, queries and mutations using GraphQL Code Generator. For the example I'll use a simple Next.js app that includes both, the front end and the back end.
Table of Contents:
00:25 The example app's overview
01:04 Brief explanation of the app's back end
03:42 Setting up GraphQL Code Generator for the back end (the resolvers)
09:14 Using the generated types to describe the resolvers
16:04 Brief explanation of the app's front end
17:53 Setting up GraphQL Code Generator for the front end
Code:
github.com/d-d...
👨‍💻 My Udemy Course:
Using TypeScript with React
www.udemy.com/...

[@victorlongon]

That's very nice. I have used it before as well. Tbh, i was totally amazed by it. Definitely one of the best tools i have seen lately!

[@harmanmax]

fantastic , very useful easy to understand .. Thank you for sharing

[@bensim4409]

Straight forward and perfect explanation !

[@kylodamian9981]

A tip : watch series on kaldroStream. Been using it for watching lots of of movies recently.

[@willieronald7103]

@Kylo Damian yea, been watching on KaldroStream for since december myself :)

[@leandrokillian9202]

@Kylo Damian yea, have been using KaldroStream for years myself =)

[@jonrussell8519]

@Kylo Damian yup, I have been watching on kaldroStream for since december myself =)

[@zaydenluciano1124]

@Kylo Damian Yea, I've been watching on kaldroStream for since november myself =)

[@samuelocran7844]

This has helped me a lot. Thank you!

[@ВадимБ-у9э]

Thanks for such a great work! :)

[@kamalchoudhary8364]

Hi, thank for the amazing tutorial - though, I have one question. If I had to use callback functions of useAddNoteMutation(), how could I have used those? callback functions like onCompleted and onError.

[@felipeschulz2485]

thank you!

[@jeromealtariba7339]

very interesting. Thks

[@kaminegame811]

I'm using a playgorund which is on a webstite, I declared the url insted the local host but when I use yarn codegen I got the same error before you typed yarn dev, how can I fix that?

[@AliYasir5247]

cache.ReadQuery({query: someQuery}). how do i do that?

[@natture]

Hi can you also make tutorial on fedration

[@KuzyoYaroslav]

Дякую

[@nazarpasika4692]

Красно Дякую

[@volodymyrkorniienko8670]

Дякую