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

Sdílet
Vložit
  • čas přidán 27. 08. 2024

Komentáře • 117

  • @javascriptmastery
    @javascriptmastery Před 2 lety +69

    Best one so far Ania! 🔥

  • @RawFatGod
    @RawFatGod Před 2 lety +4

    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
    @imsantoshsingh Před 2 lety +1

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

  • @philipmwangi5270
    @philipmwangi5270 Před 2 lety +2

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

    • @aniakubow
      @aniakubow  Před 2 lety

      Thanks so much for this Philip! 💃💃💃 appreciate the love

  • @davecoding
    @davecoding Před 2 lety +3

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

  • @josgraha
    @josgraha Před 2 lety +2

    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!

  • @trtlphnx
    @trtlphnx Před 2 lety +4

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

  • @abdel5505
    @abdel5505 Před 2 lety +1

    You are Simply the Best.

  • @christopherolsson9072
    @christopherolsson9072 Před 2 lety +1

    Works like a charm! Thanks!

  • @BharatYadav-fe4ml
    @BharatYadav-fe4ml Před 2 lety +1

    Eagerly waiting for your tutorial

  • @limetree3080
    @limetree3080 Před 2 lety +5

    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😣

  • @ZurioSi
    @ZurioSi Před 2 lety +2

    Amazing video Ania, I love it!

    • @aniakubow
      @aniakubow  Před 2 lety +1

      Great to see you on the premiere!!

  • @Alex-bc3xe
    @Alex-bc3xe Před 2 lety +1

    Professional as usual ❤

  • @efrainoviedotorres651

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

  • @JhonnierAndrey
    @JhonnierAndrey Před 2 lety

    Queen 👑 ! Amazing tutorial, Thank you ❤️!

  • @JamesQQuick
    @JamesQQuick Před 2 lety

    So great!!

  • @netneedingsystems2318
    @netneedingsystems2318 Před 2 lety

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

  • @BdEnglishTutorial
    @BdEnglishTutorial Před 2 lety +2

    I love your class... 💖💖💖

  • @suppe476
    @suppe476 Před 2 lety

    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".

  • @ello0lithuania
    @ello0lithuania Před 2 lety

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

    • @ello0lithuania
      @ello0lithuania Před 2 lety

      Can you provide tutorial with the same idea, but with relationships and login/register functionality?

  • @thrumilens6328
    @thrumilens6328 Před 2 lety +1

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

  • @collinslife7021
    @collinslife7021 Před 2 lety

    This really helps me a lot!! Thanks!!

  • @leoneloliveira5737
    @leoneloliveira5737 Před 2 lety

    =) Great Tutorial. Thank you again!

  • @NickUngerer
    @NickUngerer Před 2 lety +1

    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.

  • @reikoleci4303
    @reikoleci4303 Před 2 lety

    Nice work

  • @taunado
    @taunado Před 2 lety

    Great, thank you.

  • @rev7841
    @rev7841 Před 2 lety +1

    Hi Ania, I absolutely love your videos especially the javascript gaming ones. I'm still working my way through the list but I wanted to ask if you can do a video walkthrough on another popular retro game 'Icy Tower'? Really hope you can!

  • @FélixMoyanoPlúa
    @FélixMoyanoPlúa Před 2 lety

    excellent video

  • @maxmaksum4673
    @maxmaksum4673 Před 2 lety

    Best Ania...awesome

  • @mahendranath2504
    @mahendranath2504 Před 2 lety +1

    Thank you so much 👍🏼🙏🎉

  • @shimaalcarrim7949
    @shimaalcarrim7949 Před 2 lety

    Oh cool! Disney+, that's Grogu/Baby Yoda's neighborhood 😍

  • @synt-x6458
    @synt-x6458 Před 2 lety

    Amazing Ania❤️

  • @aashishsinghal7331
    @aashishsinghal7331 Před 2 lety

    Awesome Video. Please Do a Docker Begginer friendly project with react or MERN, I have been trying to learn that, With your videos it will be so much helpful.

  • @jmauriciophd
    @jmauriciophd Před 2 lety

    i follow you from Brazil, thanks for contents very, very interest.

  • @benjaminjvredevelt
    @benjaminjvredevelt Před 2 lety

    Guter Arbeitsfreund!🧡🧡🧡

  • @yayaygoat
    @yayaygoat Před 2 lety

    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.

  • @StuartLoria
    @StuartLoria Před 2 lety +1

    So much fun, it is on my list.
    What is your opinion on taking notes while learning Ania?

    • @aniakubow
      @aniakubow  Před 2 lety +2

      I love taking notes, I find it super helpful

  • @raja4148
    @raja4148 Před 2 lety +3

    Thank you daenerys Targaryen ❤️❤️

  • @ndhngoc
    @ndhngoc Před 2 lety +1

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

  • @hydrognspa8753
    @hydrognspa8753 Před rokem

    Am I the only one having this particular issue that latest items added to graphcms won't render? I added a few video entries after everything was almost done for the National Geographic part, but none of the videos are shown

  • @smallchimp318
    @smallchimp318 Před 2 lety

    For anyone getting a 500 error when trying to use changeToSeen, in the GitHub repo, the original authorization header is "headers: { "Authorization" : `Bearer ${process.env.GRAPH_CMS_TOKEN}`}" . ensure that the env variable either does not include "Bearer " or that the use in changeToSeen.js does not include "Bearer ". Hit a snag on that personally.

  • @HER0S0L
    @HER0S0L Před 2 lety

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

    • @sadanandasherigara3309
      @sadanandasherigara3309 Před rokem

      I put this in chat gpt, I got this.
      Zdanie "Dzięki za tutorial" jest wyrażeniem wdzięczności za poradnik lub lekcję. Oznacza to, że osoba, która je wypowiada, jest wdzięczna komuś za udostępnienie wiedzy lub umiejętności. W tym kontekście zdanie "Dzięki za tutorial" oznacza, że osoba jest wdzięczna za przekazanie lub udostępnienie poradniku.
      Co do drugiej części zdania - "W Polsce nadal nie ma Disney+. Teraz sobie zrobimy sami ;)" - jest to osobista uwaga lub odniesienie do braku dostępności platformy Disney+ w Polsce. Oznacza to, że osoba wypowiadająca zdanie nie ma dostępu do Disney+ w Polsce, ale planuje znaleźć inną alternatywę lub tworzyć coś własnego samodzielnie.
      Jest to jednak tylko interpretacja zdania bez większej kontekstu, więc możemy się opierać tylko na dostępnych informacjach i własnym zrozumieniu. W 2023 roku, na podstawie przeglądu wyników wyszukiwania (3), nie ma jeszcze oficjalnej informacji o dostępności Disney+ w Polsce. W każdym razie, istnieje wiele innych platform streamingowych, takich jak Netflix, Prime Video czy HBO GO, które oferują szeroki wybór filmów i seriali. Jeśli nie ma dostępu do Disney+, istnieją różne sposoby na cieszenie się treściami filmowymi, takie jak korzystanie z innych platform, wypożyczanie filmów z biblioteki lub odkrywanie nowych języków i kultur za pomocą filmów i materiałów dostępnych na innych platformach.
      Jeśli chodzi o zdanie "Teraz sobie zrobimy sami ;)", może to wskazywać na chęć znalezienia innych sposobów na zaspokojenie potrzeby oglądania filmów i treści rozrywkowych, takich jak tworzenie własnych filmów, tworzenie podcastów, czy nawet organizowanie domowych projekcji filmowych. To może być znak kreatywności i adaptacji do okoliczności, kiedy brakuje dostępu do określonej usługi lub treści.
      W każdym razie, ważne jest, aby zrozumieć, że to tylko interpretacja zdania i może różnić się w zależności od kontekstu i intencji osoby, która go wypowiada.

  • @Jewfro1138
    @Jewfro1138 Před 2 lety

    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.

  • @mahmoudalhussain9291
    @mahmoudalhussain9291 Před 2 lety

    *Thanks for making nice and helpful videos*

    • @aniakubow
      @aniakubow  Před 2 lety +1

      Thank you so much for the kind words Mahmoud!

  • @emmanuelfabiani8435
    @emmanuelfabiani8435 Před 2 lety +1

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

    • @aniakubow
      @aniakubow  Před 2 lety

      That’s so kind of you to say!!

  • @satyak1337
    @satyak1337 Před 2 lety

    the code for GraphQL connection is repeated on two pages. Is there any way to create connection once and reuse ?

  • @NIkFreedomForce
    @NIkFreedomForce Před 2 lety

    I love you!!

  • @TECPABLO
    @TECPABLO Před 2 lety

    very nice

  • @poolnetwork7183
    @poolnetwork7183 Před 2 lety

    very good

  • @samatiesse
    @samatiesse Před 2 lety +1

    I love your videos but I wonder if I'm the only one who would make use of more technical introductions. For example : making a quick visual about the way each framework / layer interacts with the others. The main steps of the tutorial (1. Create schema, 2. upload data ...), a breakdown of the features you'll be working on and shortcuts you'll be taking.
    In this particular example I don't really understand why the video belongs to the platform if the platform can only have one user... I think this schema would be specific to your tutorial and not the actual design of Disney +, but you didn't really explain that.
    In Candy Crush I remember it took me a while to understand you were working on filling the grid with no 3-in-a-rows. I would have like for it to be listed as one of the key challenges at the beginning of the video.
    Still learning a lot though and I really do think your content is amazing.

    • @aniakubow
      @aniakubow  Před 2 lety +1

      Thanks for your feedback Charlotte- I’m always looking for ways to improve my tutorials so I really appreciate you taking the time out to give me these ideas!

  • @jehan60188
    @jehan60188 Před 2 lety

    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?

  • @danielbrannon8371
    @danielbrannon8371 Před 2 lety

    How do you get the trailer?

  • @neepunpatil5201
    @neepunpatil5201 Před rokem

    Is there a limit of 10 that you can upload only 10 entries in video content schema i am not able to add more than 10 content videos

  • @tobeypeters
    @tobeypeters Před 2 lety

    Would you use this stuff, IF You simply wanted to display a page with all the videos contained in a given directory? That page would display the image of each video. That image is part of the files meta-data. When you click on a video, it'd play it and under the video, it'd display the rest of the videos meta-data. I'd REALLY like to see a video for something like this.

  • @jsbitswithbill8765
    @jsbitswithbill8765 Před 2 lety

    Thanks Ania, I did the whole tutorial with you, it was great.
    Question, is it common not to use semicolons in React apps or is this just your preference?

    • @declaretheglory7133
      @declaretheglory7133 Před 2 lety

      all the little bits help take byte out of biggier picture iou a thanxs

  • @pradeepmax1
    @pradeepmax1 Před 2 lety

    Thank you :)

  • @mahfod3369
    @mahfod3369 Před rokem

    Hello, please help i dont find assets

  • @nikhuge6580
    @nikhuge6580 Před 2 lety

    nice tutorial.....

  • @sarahsharma9078
    @sarahsharma9078 Před 2 lety +1

    can I get some information like which skills are essential for a Facebook software engineer internship?

  • @nitishphanse8341
    @nitishphanse8341 Před 2 lety

    Fantastic...

  • @Maiky-Maiky
    @Maiky-Maiky Před 2 lety

    What keyboard do you use?

  • @RealTLEHD
    @RealTLEHD Před 2 lety

    Is this also going to using mern stack or just react in general?

  • @shimaalcarrim7949
    @shimaalcarrim7949 Před 2 lety +1

    I badly want to float on Khaleesi's prop surfboard 😭 I bet she calls it Drogon

  • @voltura873
    @voltura873 Před 2 lety

    inyect a malware with ida pro and open cl for registers procesosors in ensambler code........ or yur method java script iagggggggggggg

  • @kasper369
    @kasper369 Před 2 lety

    Can I download GraphCMS on my local machine?

  • @BrialMusic
    @BrialMusic Před 2 lety

    What am I doing here if I'm a product designer :)) ?

  • @lasociedadloka
    @lasociedadloka Před 2 lety

    I loved the video but I got much more triggered that I should’ve when I saw the loose equality in minute 1:21:30 🤣

  • @InkubbuzSukkubuz
    @InkubbuzSukkubuz Před 2 lety

    Please tell where do you work ?

  • @sanjay-rz6xp
    @sanjay-rz6xp Před 2 lety

    Ania i❤❤u ania

  • @Rahul-ps9jw
    @Rahul-ps9jw Před 2 lety +1

    Please using react js

  • @sirvaan6445
    @sirvaan6445 Před 2 lety

    where are the files? greetings from Colombia

  • @zomalee4512
    @zomalee4512 Před 2 lety

    Can you do a trello clone?

  • @LuizGamingYT
    @LuizGamingYT Před 2 lety

    Aniu, do u speak polish?

  • @user-cp7qw6ox6b
    @user-cp7qw6ox6b Před 2 lety

    вот же бабы за границей какие штуки делают, наши только могут губы намазывать, уважуха товарищ!

  • @mohamedshuaau632
    @mohamedshuaau632 Před 2 lety

    Disney princess building disney plus? Somethings not right

  • @vipulkaushal1597
    @vipulkaushal1597 Před 2 lety

    Eyes...omfg 😱 😱

  • @bilencekic
    @bilencekic Před 2 lety

    i still cannot believe a girl like you giving graphQL trainings. This does not mean majority of developers are ugly but while watching your videos i always expect "well now i will show you my top 3 eyeliners and how i use them everyday" :D . Great video btw.

  • @divencia
    @divencia Před 2 lety

    You are beautiful and intelligent

  • @walterm2462
    @walterm2462 Před 2 lety

    I like 20:02 =)

  • @piotr56565
    @piotr56565 Před 2 lety

    pochodzisz z polski? Masz bardzo polskie imie i nazwisko :D

  • @gregorywilkins1001
    @gregorywilkins1001 Před 2 lety

    Ok, maybe I am just dumb as @#$%, which is absolutely true, but where the hell is the SAVE Query 29:45. It looks like the video is cut and magically the query is saved. My options don't show anything for saving queries and neither does the abominable GraphCMS documentation. Its stupid crap like this that makes you just want to say %@^# it. I have zero chance to follow along when something so simple id not glaringly obvious

    • @aniakubow
      @aniakubow  Před 2 lety

      The query saves automatically :) just use the plus sign to create a new tab in which you can write a new query - Hope that helps

    • @gregorywilkins1001
      @gregorywilkins1001 Před 2 lety

      @@aniakubow thanks for getting back with my, must be a bug.. I have tried in 3 different browsers and mine just wont do it. Great tutorials by the way. I am an old developer for days gone by and just trying to learn some new tools and tech. Thank you for all the content. If I find the issue, I will post it back here

    • @gregorywilkins1001
      @gregorywilkins1001 Před 2 lety

      @@aniakubow , ok, I tried 5 different browsers, with tracking and cookie blocking off, wide open, tried from win10 and ubuntu server and desktop.. will not save or show up. So maybe they turned this off on the free accounts.

    • @gregorywilkins1001
      @gregorywilkins1001 Před 2 lety +1

      @@aniakubow .. They have identified this as a bug and are looking into it.. just FYI ...

    • @aniakubow
      @aniakubow  Před 2 lety

      @@gregorywilkins1001 thanks for letting me know!

  • @serogapeterson8648
    @serogapeterson8648 Před 2 lety

    She is so beautiful.

  • @maliktanveerdhool
    @maliktanveerdhool Před 2 lety

    Please build multi vendor e-commerce website with strapi and nextjs

  • @shimaalcarrim7949
    @shimaalcarrim7949 Před 2 lety

    I 😍 Disney + The Coding Khaleesi 😍 (even though it's really hard keeping up with her Technobabble)

  • @rehmat-e-illah2040
    @rehmat-e-illah2040 Před 2 lety

    Please make Uber clone

  • @mikechacker7228
    @mikechacker7228 Před 2 lety

    Lost her accent at 58:13.

  • @usernamesSux9
    @usernamesSux9 Před 2 lety

    I keep getting this error:
    Server Error
    TypeError: Only absolute URLs are supported
    This error happened while generating the page. Any console logs will be displayed in the terminal window.
    I tried adding localhost as a baseUrl, but it didn't work...
    const baseUrl = 'localhost:3000';
    const graphQLClient = new GraphQLClient(url, baseUrl, {
    Any suggestions?