Next.js GraphQL Tutorial - Launch Dashboard with SpaceX GraphQL API & Apollo Client

- Installing Apollo Client and GraphQL
- Use SpaceX launch data to create an app

🗒️ Read More

🔔 Subscribe for more tech and developer videos

🐦 Get updates straight to your Twitter @colbyfayock

✉️ Or a newsletter right to your inbox!

💝 Sponsor me for more free content like this!

🎥 Want to know what A/V equipment I use?

🧰 More Resources

Apollo Client - Get Started

🎼 Music
Colour Of Your Face by NoMBe
YouTube Audio Library

#colbyfayock #graphql #nextjs #apollographql #reactjs #jamstack #webdevelopment

[zakariamofaddel]

You’re the first dev related YouTuber that I had to put on .75x😂
Great video anyway, it’s not easy to find content about NextJs, GraphQL and Apollo client.. keep them coming!

[ahmadalfan]

This 6 minutes video really gave me a lot of understanding about how to use GraphQL inside Next.js app.

[GookuPlayer]

dude wtf your videos are so rich in content, always the best stuff that are not so easy to see in other places, keep up with the great work <3

[Julio-czcg]

Awesome content. Appreciate the brevity.

[lucacodes]

Really great, fast tutorial. Thanks Colby.

[mitejmadan]

I did the big mistake of not checking out your channel early.

[IINoirII]

Nice coincidence, just yesterday I was thinking about learning Apollo Client in Next.js. Thanks!

[brunocrosier]

This is fantastic. Thanks for creating great content!

[Mani-sobd]

Straight to the point ! Thank you man !

[khashe]

Clean and concise explanation like always.

[pafringo]

Straight to the point and very well explained 👏. (I didnt know that API, very cool )

[yigitruzgaruzun]

Your videos are good, but your speaking speed is high. I think you should slow down your speech a little.

While watching many videos at 1.5 speed, I reduced your video to 0.75.

[ak-loz]

This was nice.
I would like to know how to implement this, using a search.
Maybe getting data from a user to populate the API's information.

[nirvanzentinal]

Bro no bull$$it straight to the point 💗💗💗💗

[afxcrush]

has something changed in new versions? for some reason I cannot call my api with a new project... I tried same api with an older project and works perfect :/

[elshir]

Hi Colby, it's me again, first of all thank your for your time making these tutorials, I've been learning Next.js for a while and thanks to you I had finish my first project! Now I'm working with my second one, but I got stuck like a month for adding prisma and apollo in next.js for graphql, I just can't make it work, I'm here willing to make a request that could you make a video about that? Next.js + Prisma + Apollo + JavaScript + SSR? Official examples in Github sucks, I'm about to freaking out this month, please help, a github repo is fine as well, thank you in advance bro.🙏🏻🙏🏻🙏🏻🙏🏻🙏🏻

[subinpauljoy]

I was trying to use this info for dynamic routes and cant figure out how do we use variables in graphql queries when you use client.query? there are a ton of articles about usequery with variables. I couldnt find one for this type of query. Can anyone please help? @Colby

[fabianbrash]

Awesome tutorial, I have a question since this isn't 100% static would you still use "next build && next export" in your package.json? or would you just build it and then run "npm run start"

[lucassrt]

subscribed! thanks! one Question: is it not possible to use hooks here? like the useQuery and useMutation instead of this client.query({}) I'm also fetching data from external server

[venkatapenumatsa]

Hi Colby,

can you please make a tutorial on how to submit a mutation using Apollo Client via Next JS API routes ? Struggling from almost a week ... I can use useMutation hook but when do that, the API endpoint is getting visible in network tab.

So i want to submit a mutation via API routes so that it will executed in the server instead of client

Thanks
Venkata