React Tutorial - Build A Blog With GraphQL in 60 minutes

Поділитися
Вставка
  • Опубліковано 24 гру 2024

КОМЕНТАРІ • 170

  • @TheAdnanZaib
    @TheAdnanZaib 2 роки тому +71

    For any of you getting an error while quering for the URL for pictures. U need to check the small checkbox next to the coverPhoto while publishing post and checkbox next to avatar while publishing an author so that the pictures can get published and u can get the URL in the API call. The way ed shows it they are marked as DRAFT and hence u can't get them while making the API call

    • @thepigeonmen0
      @thepigeonmen0 2 роки тому

      thank you so much!!!

    • @TysonBites
      @TysonBites 2 роки тому +1

      what checkbox there is no check box it just says draft

    • @Almansita9
      @Almansita9 2 роки тому

      THANK YOU SO MUCH!

    • @warsame2245
      @warsame2245 2 роки тому +2

      @@TysonBites if you pause the video on 10:42 u can see the little checkbox

    • @TysonBites
      @TysonBites 2 роки тому +1

      @@warsame2245 i love you

  • @husienadel
    @husienadel 2 роки тому +5

    I can't understand the most put their comments without a try! I get an error because the posts is not defined, in spite of every step is like yours ! I tried but no way, we need the github repo ?!

  • @kevinlam3297
    @kevinlam3297 2 роки тому +13

    Is there a link too the Github Repository for this project?

  • @UzairZahoor-q7d
    @UzairZahoor-q7d Рік тому +6

    please mention the github link of this repository

  • @runelillevang1011
    @runelillevang1011 2 роки тому +1

    16:30 "Arrgh where's the npm." xD I love that you don't cut out stuff like this :)

  • @themistressdiary
    @themistressdiary Рік тому +4

    Sorry i cannot find the Github repository of the tutorial can you include the link. By the way you are awesome i love the course

  • @thangluong2365
    @thangluong2365 2 роки тому +2

    It's so pleasing. The setuping and mastering softs amazing.

  • @Hackattackgaming
    @Hackattackgaming Рік тому +2

    Anyone else get an error at 32:20 saying 'TypeError: posts.map is not a function', my code is just like his yet its not letting me use the map function.

    • @uNarTi
      @uNarTi Рік тому +1

      Did you ever figure out how to solve it? I have the same issue here

    • @ronananderson
      @ronananderson Рік тому +1

      ​@@uNarTi Any luck with that? I'm facing the same issue. Damn, this is the real downside of UA-cam tutorials. When you get stuck no one can you hear you scream.

    • @andrewleonardi3351
      @andrewleonardi3351 Рік тому

      I'm also stuck here

  • @SudhanshuSrivastava-mi8hg
    @SudhanshuSrivastava-mi8hg Рік тому +1

    hii , i want to ask about the git repo as i'm not able to find it as it use in styling portion
    pls share the style folder with me

  • @yixiguan6520
    @yixiguan6520 Рік тому +3

    For anybody who is experiencing the "not allowed" error like me. You need to the hygraph settings / api access to do some configuration. And maybe add headers.Authorization to your GraphQLClient.

  • @universecode1101
    @universecode1101 2 роки тому +27

    You are always the best entertainer. As usual, great css, nice project. Welcome back and thank you 😜

    • @universecode1101
      @universecode1101 2 роки тому +2

      I needed a React project - GraphQL, great duo 👏🏻😊

  • @smile4560
    @smile4560 2 роки тому +2

    Nice video, where is the link to get the css ?

  • @respectculture9959
    @respectculture9959 2 роки тому +3

    mine does not generate anything, i think the api call was successful but i dont know why it didnt display anything after i pass the props, no error though on the console, anyone has solution?

    • @chinmaymhatre2875
      @chinmaymhatre2875 2 роки тому +1

      Nextjs 13 doesn't use getStaticProps anymore to do server side rendering

    • @respectculture9959
      @respectculture9959 2 роки тому

      @@chinmaymhatre2875 oh, ok, is there any other method?

    • @yusra055
      @yusra055 Рік тому

      I have the same issue, did you solve it?

    • @respectculture9959
      @respectculture9959 Рік тому

      @@yusra055 unfortunately no :v, i mean it did work once but after i restart the project it didnt work

    • @yusra055
      @yusra055 Рік тому

      Well i solved mine which was a typo bug, i used curly brackets for instead of normal brackets in the map function

  • @mrahamed5985
    @mrahamed5985 2 роки тому +1

    I always wait for your video not only to learn but also for fun. I like the way you talk and make funny sounds. You are doing an amazing job. Keep it up, dear. I really appreciate you.

  • @iq-dev
    @iq-dev Місяць тому

    Ed, you are an amazing man. Keep making such awesome projects. A quick question for you, you have mentioned that there is a repo for this but I don't see any. I see others are having trouble finding it as well. Could you share the link here? Thanks man.

  • @TysonBites
    @TysonBites 2 роки тому

    00:06 in and I love your energy lets go

  • @faithnicoletti605
    @faithnicoletti605 Рік тому +2

    does anyone know where to find the css for this project?

    • @atharvamaskar835
      @atharvamaskar835 Рік тому

      Hey were you able to run and fetch graphql queries properly?
      I have been facing problems while doing so

    • @faithnicoletti605
      @faithnicoletti605 Рік тому

      Yes I was able to get all my backend data from graphQL. My new issue is I am trying to deploy it but struggling...
      @@atharvamaskar835

    • @faithnicoletti605
      @faithnicoletti605 Рік тому

      what kind of problems? @@atharvamaskar835

    • @james17g
      @james17g Рік тому

      did you or anyone find the css files for the project?

  • @CalmnessAbundance
    @CalmnessAbundance 2 роки тому +2

    Hello, i hope ur doing well. I couldn't find this file in your repo is it still on your github?

  • @ello0lithuania
    @ello0lithuania 2 роки тому +1

    where can i find github link? i dont find anything in github repo

  • @advaittrivedi5905
    @advaittrivedi5905 2 роки тому +1

    Enjoy your videos all the time... Best one on the internet... Need full mern stack tutorial from you

  • @craiggazimbi
    @craiggazimbi 2 роки тому +4

    amazing video, quick question , does anybody happen to know where the link to the code repo is ?

  • @shahindev
    @shahindev 2 роки тому +2

    Great !. But where is css files ?

  • @harshittiwari950
    @harshittiwari950 2 роки тому +3

    still the error is coming and it says .map is not a function and I guess its because posts is an object not an array..anybody has any idea how to solve it?

    • @prazebarz7121
      @prazebarz7121 2 роки тому +1

      Hello
      I've been getting the same error
      Pls can u tell me his u solved urs ?

    • @harshittiwari950
      @harshittiwari950 2 роки тому

      @@prazebarz7121 No bro, i was not able to find the error. So, just built another app without graphql

  • @mahamednasr9269
    @mahamednasr9269 Рік тому +1

    @everyone, did anyone find the Css files?? I cannot find them in his github

  • @frontedful-stack9908
    @frontedful-stack9908 2 роки тому +1

    Aweasome Creative teacher on the Internet

  • @ayochills
    @ayochills Рік тому

    Great tutorial as usual! I wonder how you would add comments functionality

  • @faithnicoletti605
    @faithnicoletti605 Рік тому

    hi! great video! I am trying to find your css posted and I cannot find it in your github... is it still there or am I missing something?

  • @introvertedthoughts2300
    @introvertedthoughts2300 Рік тому

    Where are the css styles coming from!? I can't find the repo for the finished project. {inserts tearing hair out emoji}.

  • @davisulrich2162
    @davisulrich2162 2 роки тому

    What's the other video of yours that you reference a couple of times throughout this video?

  • @e11world
    @e11world 2 роки тому +1

    Really great tutorial Ed. Thanks for this.
    I haven't done much with NextJS but how can I define other standard pages using this via GraphCMS? Any tip to guide me would be helpful. So that the whole site can be done not just the blog. Unless I make complete static pages in Next and upload it as well (have to dig but I'm sure it's simple).
    Also, would you say Svelte is easier to use instead of this (or better for small sites) as a learning curve?

  • @anupamanand60
    @anupamanand60 2 роки тому +3

    where can we get the css for this project?

    • @distinct_mind
      @distinct_mind 2 роки тому +1

      it's on his github (link in bio) under digital-scribbles

  • @robertcristian906
    @robertcristian906 10 місяців тому

    Can this be implemented without Next Js , only with React?

  • @mike-365
    @mike-365 2 роки тому

    Other than the deployment, what else didn't you like about Strapi? I have been experimenting with Strapi and I think it's very good.

  • @Unityrarenft7
    @Unityrarenft7 2 роки тому +1

    What about web 3 and blockchain ? we want to learn

  • @bunnyboy7008
    @bunnyboy7008 2 роки тому

    Excuse me, what color theme do you use? It looks nice

  • @mateusjunior1937
    @mateusjunior1937 2 роки тому +1

    Just have one question, how to add authentication using graphcms ?

    • @karanupamanyu
      @karanupamanyu 2 роки тому

      That's why you use your API key in the index.js page. Unless you mean some sort of user login mechanism?

  • @ahmedlaa1923
    @ahmedlaa1923 2 роки тому +1

    version?

  • @maliktanveerdhool
    @maliktanveerdhool 2 роки тому +2

    Great tutorial 😃 can you please continue this tutorial with user registration custom dashboard for each user?

  • @marcinko1209
    @marcinko1209 Рік тому

    I've got error during installation next.js on Windows 10, terminal from VS code: Aborting installation. Unexpected error. Please report it as a bug: [Error: EMFILE: too many open files, open. Do you have an idea why?

  • @dhruvgupta5658
    @dhruvgupta5658 2 роки тому

    can I know what color theme do you use?

  • @butcher6969
    @butcher6969 2 роки тому

    Broo help me out what if I'm using serverside rendering instead of static then how do I pass the slug to the graphql query

  • @annavolkova3045
    @annavolkova3045 2 роки тому

    Good tutorial, but i got error at the end in file [slug]js that URL is not defined, when im trying to open post, i believe this happen because of query wasnt returned in the right way or something.

  • @mateidragutu1001
    @mateidragutu1001 2 роки тому

    Ce fain aratau buletinul si facturile tale cand alegeai o poza:)))))))

  • @hedonesr
    @hedonesr Рік тому

    My favorite teacher , love u

  • @jithinp8441
    @jithinp8441 2 роки тому +1

    can i get the repo

  • @sudoooooo
    @sudoooooo 2 роки тому

    Intro music activate gets me every time 😂😂😂😂

  • @carefree_ladka
    @carefree_ladka 2 роки тому

    Our hero is back🥳

  • @emmytobs
    @emmytobs 2 роки тому

    I've always wondered what your current programming laptop is. Mind sharing that?

  • @HanifBadarudin
    @HanifBadarudin 2 роки тому

    Hi, I'm a beginner to the web dev and coding, this might be a dumb question but is there a way to code this to an existing website? I have the source code for the website and I'm instructed to use React but I'm so new at this I don't know where to begin. Thank you!

    • @haithamali3228
      @haithamali3228 2 роки тому

      Don't know if it's too late bro but you will need to rebuild what you have in react, it's not a big deal if it's a normal website. Let me know if you need any help

  • @TurpoChargedGaming
    @TurpoChargedGaming 2 роки тому +1

    18:20 npm run dev takes so long to compile I think it maybe stuck... has been 5+minutes :/

    • @TurpoChargedGaming
      @TurpoChargedGaming 2 роки тому +1

      Going to go and make food... if this is still stuck when I get back, any advice?

    • @TurpoChargedGaming
      @TurpoChargedGaming 2 роки тому +1

      Still going ... da fuq :/

    • @darkalardev
      @darkalardev Рік тому

      Tarda 10 segundos como máximo en compilarse

  • @4kinti
    @4kinti 2 роки тому

    @developedyed is that shirt Amiri?

  • @JigJason93
    @JigJason93 2 роки тому +1

    Awesome Video!
    PS: Activate Windows 💀

  • @markonejc4568
    @markonejc4568 2 роки тому

    Thank you, I've been looking for a long time

  • @pujasahoo5033
    @pujasahoo5033 2 роки тому +1

    well explained!! thank u so much.. it would be grateful if u could share the github link

  • @nwaformicah433
    @nwaformicah433 2 роки тому

    How can we handle error in apollo Express server?

  • @vkot6941
    @vkot6941 2 роки тому

    What theme do you use in VsCode?

    • @Drakan21
      @Drakan21 2 роки тому

      if i recall correctly it's Material Theme - don't know the specific sub-theme he's using though, Paleknight looks like.

    • @Prince_515
      @Prince_515 2 роки тому

      He’s uses community material theme palenight high contrast

  • @tamyismuchtamil4633
    @tamyismuchtamil4633 2 роки тому

    I've followed everything, got to the css how do I get that code

    • @yoJuicy
      @yoJuicy 2 роки тому

      Its in the content box on your post in graphcms. there is a button "code block".

  • @wrongname3636
    @wrongname3636 2 роки тому

    What about some pagination? How could I do that???

  • @БаястанНурбек-ж6ж
    @БаястанНурбек-ж6ж 2 роки тому

    Will you make a VueJs course?

  • @gaganbaghel1377
    @gaganbaghel1377 Рік тому

    what is the difference between next js and react because its a react tutorial and you are using next js

  • @explorewithrohan1994
    @explorewithrohan1994 2 роки тому

    does any one know how to addd youtube urls inside graph api..?

  • @erkikadhafi9155
    @erkikadhafi9155 2 роки тому

    thanks for the tutorial ed! Really appreciate it!

  • @beatlejuice4915
    @beatlejuice4915 2 роки тому

    Love you Ed. Give that vein a name

  • @strange_man
    @strange_man 2 роки тому

    37:30 "it doesnt work"
    That swallow sound was the sound of disappointment

  • @FromHeavenBaby
    @FromHeavenBaby 2 роки тому

    Woah are you in Canada now? 😄

  • @merveileuxdushimeshema2188
    @merveileuxdushimeshema2188 2 роки тому

    Dev I've recently signed to your website but I've forgot my email and password. Can you help me with this problem?

  • @jacksonrendon2060
    @jacksonrendon2060 Рік тому

    why do i get a error when i npm run dev???

  • @ArchibaldOctaviusButler
    @ArchibaldOctaviusButler Рік тому

    Couldn't complete this because NextJS file structure has changed, used Typescript too and I wish there was a github link because I would have saved some time. Also I couldn't see the course on your website, I was considering buying it. Still, I like your vibe in the video ;)

    • @brahmjotsingh5302
      @brahmjotsingh5302 Рік тому

      Same bro with structure changed its difficult to follow along mayb its time to update the tutorial...
      Anyhow always love his tutorials.

  • @jbaptista960
    @jbaptista960 2 роки тому

    i see this error when i go to your website:
    ⚠️ Error 1006: Access Denied
    What happened?
    Your IP address (xxx) is being blocked. It is possible that this is because your current location is within the regions restricted by US sanctions.
    :(

  • @markobogosavljevic3336
    @markobogosavljevic3336 2 роки тому

    Amazing as always, keep it up!!!

  • @tabdig
    @tabdig 2 роки тому

    Very great video. Thanks Ed!

  • @hyggedev2124
    @hyggedev2124 2 роки тому

    Is it bad for performance if you just pad the entire post object into the props, rather than each individual key. Make it less tedious 😜 Thanks ahead!

  • @cdey3886
    @cdey3886 2 роки тому +8

    Didn't know this could be done! This is gonna be really useful for my future projects, thank you!

  • @pjc825
    @pjc825 2 роки тому

    More Svelte/SvelteKit please 😀👍

  • @filipevalentegomes2383
    @filipevalentegomes2383 2 роки тому

    Thanks for the video, you should give Sanity a try.

  • @lenilunderman3697
    @lenilunderman3697 2 роки тому +1

    Can u share the github link for the project?

    • @yoJuicy
      @yoJuicy 2 роки тому

      He did. its called digital-scibbles on his Github. There are a few differences but it should work!

  • @sachinkmohan
    @sachinkmohan 2 роки тому

    Thanks a ton! Loved this!! God bless! I have forked your repo and hosted my app on Netlify. Link in Desc.
    At 33:16, line 21 change to . He corrects it(style to ClassName) later, but you can correct it before that, as the code keeps failing. Strange that it didn't throw an error to him.

  • @JTRCha
    @JTRCha 2 роки тому

    Nice as always.

  • @pheaktrakim
    @pheaktrakim 2 роки тому

    you always do nice, thank you for the new video.

  • @normalcoding
    @normalcoding 2 роки тому +1

    Thank you 😊

  • @alaminmir08
    @alaminmir08 2 роки тому

    please make a affordable subscribe system to your courses

  • @Danmoariel
    @Danmoariel 2 роки тому

    Nice to see you after some time🤗

  • @rabindramahato6950
    @rabindramahato6950 Рік тому

    I thought I was the only one who forgot npm command 😂😂😂

  • @WanderingBall
    @WanderingBall 2 роки тому

    necesery to know GraphQL before ???

  • @simoncallelaverde
    @simoncallelaverde 2 роки тому

    Why you do thus to mu

  • @RajYadav-fy4lm
    @RajYadav-fy4lm 2 роки тому

    Keep that coming

  • @marklong2060
    @marklong2060 2 роки тому

    I am so frustrated I could shoot myself. I am trying to use nested dynamic routes blog/[category]/[post] and getStaticPaths. I cannot find any good resources to solve this problem. I donno...I kinda figured this would be a fairly common issue and that there would plenty of examples online. Well that's what I get for assuming. If anyone can point me in the right direction you could be saving a life.

  • @simoncallelaverde
    @simoncallelaverde 2 роки тому

    Mi Dev Ed, papito rico ;) :') :)
    Thanks bruh

  • @tamyismuchtamil4633
    @tamyismuchtamil4633 2 роки тому

    Next project sir

  • @muratasarslan2359
    @muratasarslan2359 2 роки тому

    Typescript please....

  • @championcode6145
    @championcode6145 2 роки тому

    very good videos

  • @alexalexx3512
    @alexalexx3512 2 роки тому

    Bro you are romanian ? I did not know. Noroc

  • @vinaciotm
    @vinaciotm 2 роки тому

    thanks

  • @towatch
    @towatch 2 роки тому +1

    Ed 😠 i love you

  • @1nightstarlight3
    @1nightstarlight3 2 роки тому

    Ed, buy f***ing Win license) Love you!) Ur cool

  • @aryan7069_
    @aryan7069_ 2 роки тому +1

    pewdiepie?

  • @shamimDairy100
    @shamimDairy100 2 роки тому

    💕

  • @chethiyakd
    @chethiyakd 2 роки тому

    Let’s go 1M subs

  • @maxivy
    @maxivy 2 роки тому

    Youre awesome man

  • @balajiravi9259
    @balajiravi9259 2 роки тому +2

    Hai handsome 🤩🤩