Learn GraphCMS and GraphQL by building a Next.js Disney+ Clone

00:00 Introduction
01:37 Setting up GraphCMS
25:35 writing GQL queries and mutations
37:34 Getting data into our App
50:54 Creating individual movie pages
58:18 Creating Components
01:46:45 Writing mutations in the App
01:57:00 Final styling

___

⭐ New to code and none of this is making sense? Watch my '12hr+ YouTube Coding Bootcamp' in which you will learn HTML, CSS and JavaScript Fundamentals completely from scratch. It's on my channel and its 100% free.

You can also find me on:

#codingbootcamp​ #coding

[RawFatGod]

Love the in depth explanation. I was going to watch this from a few other channels, but they really didn't explain graph cms or exactly what their code was doing. They even started with their next js files already set up. Definitely worth making a more lengthy video, so it actually sticks with you.

[imsantoshsingh]

Love this video. It is better than 80% of available Youtube developers content.

[josgraha]

your tutorials are fantastic and a wonderful presentation style, thanks so much for creating this content. I hope you will continue to create this kind of high quality content in the future. cheers!

[davecoding]

You reading in my minds😱😱 This is exactly what I wanted to know 🤩🤩 Great content 🥳🥳 Thanks for Your job for community 👏 👏 👏

[philipmwangi]

@Ania Kubow, Hater are going to hate even when good awesome content is presented before them. Don't mind the dislikes, love the content.

[JhonnierAndrey]

Queen 👑 ! Amazing tutorial, Thank you ❤️!

[suppe]

57:58 in case you are getting an error - check your gql-query. You might have accidentally written "videos" (like in index-query) instead of "video".

[trtlphnx]

DAMN!!!
Another Great Tutroial; I Am So In Love With Your Diverse Teaching Method; I Actually Have Withdrawl When I Finsih Your Lessons ~

[efrainoviedotorres]

Thanks so much for your work, I lern a lot with you😃

[yayaygoat]

I have completed this tutorial! You have very nice timing and content. I don't know if it's is 2022 GraphCMS thing, 9 months later, or if I missed that in your video, but I got error 500 two times and resolved creating permissions inside the token in GraphCMS, as well (have to create in content api and token), to at least read, update and publish.. for people having these kind of trouble.

[thru_mi_lens]

Great video. Just I found the .info-footer treatment strange for video at full screen fluid. I position it to the top right with &times. Looking into mouse idle react hook drives me nuts. Looking forward for more videos.
btw calling randomVideo(videos) twice at <img> will result in 2 different object

[jehan]

at ~11:30, why allow multiple videos to a platform, but not the other way around? Different users can watch the same video, right? Or am I misunderstanding something?

[ellolithuania]

thank you. your videos is clear and most important - practical cases

[ndhngoc]

Hi Ania, What plugin are u using to put text inside the gql() function and get no error? I'm still using Intellij

[limetree]

Hey Ania 🙂 looking forward to see your new video! Would you consider making videos on JS design patterns please? It’s been a nightmare for me to learn it lately😣

[Jewfro]

at 29:44 you talk about saving the query but there are no options for that and your video just skips ahead to it being done.... and at the end of that section you summerise everything we've done "And we've saved our queries" ... How? I feel like this should be fairly obvious but I am seeing no options for this at all.

[NickUngerer]

Ania, great tutorial!

One off-topic comment: when you're on-camera, the sound contains a bit of static, that disappears when you just show your screen.

[emmanuelfabiani]

great video but why do I even bother to say so....one would expect nothing less from the Queen! Wonderful job Ania!🚀💥🚀

[netneedingsystems]

Oh nice! Can't wait! Cheers from Colombia!

[HERSL]

Dzięki za tutorial. W Polsce nadal nie ma Disney+. Teraz sobie zrobimy sami ;)