Next.js 13 Data Fetching - The Ultimate Guide

#nextjs #nextjs13 #fetchdata

In this video, I will take you through every concept when it comes to fetching data inside of the app router.

We will go over fetching data on the server using server components, fetching dynamic data inside of dynamic route segments, using React Suspense to display loading states, data being deduplicated and much more.

Private 1 on 1 Help 👇

Join my FREE Discord to talk and network about web development! 👇

GitHub Source Code 👇

Here is a link to the dog API 👇

Time Stamps
0:00 Intro
1:59 Set up environment
4:12 Fetching Data on Server from Dog API
10:24 How To Always fetch fresh data
11:48 Cleaning up our files/folder structure
14:04 Server Side Data Fetching of ALL Users
19:23 Fetching Dynamic Data
26:18 Fetching Data in parallel
33:01 Using React Suspense/Loading
39:02 Outro

[noisinnang]

Thank you. I like how you explain each step slowly so a beginner like myself can follow and understand.

[JamesMiller-xszz]

Just found out this video and subcribed, thanks alot, keep up the good work

[btssugahit]

I am so thankful the video is
I watched a lot of videos and only this one helped so far Thanks buddy.

[amadousjallow]

I couldn't help it but I must subscribe, like and comment because the one thing I was looking for all these days you are the only one that explained it to my satisfaction thank you. I wish many people knew about this channel.

[gromhellscream]

40 mins but worth it. Everything is explained really good. Thanks a lot for video!

[ali-yehx]

what extension are you using at 15:49 that gives you those code suggestions in the gray color on the editor?

[kylemyers]

Hey Brett, what extension were you using for the code completion that was populating in 6:44?

[YALW]

Thank you very much man, greetings from the Dominican Republic. - Subscribed!

[Yosie]

Very well explained. Thank you! Great tutorials. Subscribed

[muhammadilhammaulidin]

The best tutor fetch api in next js🎉🔥🔥

[tanmaypatra]

Hello Brett. Instead of using dummy JSON API, can we use direct data fetching from Database and implement "revalidate" time? Please sugegst.

[caymangeiger]

I have searched everywhere for a guide like this and nobody has came close to this. Thank you! You are the only person who seems like they know what they are doing with app router on youtube

[AshutoshChoudhary]

Very well explained!! This was exactly what I was looking for

[mbaochachigozie]

I appreciate you using the docs. Thanks for what you do

[piricuaco]

Nice video, have been looking for a tutorial like this, all topics were very clear, new sub

[pitamber_singh]

Thank you so much Brett, for sharing such a wonderful tutorial, you did not even a miss a single thing in the tutorial. It may be a long tutorial for some guys but you explained each and everything for pro and beginners. Keep generating the tutorials. Subscribed you.

[OganicaBean]

Thank you Brett! Your channel helps me a lot for my job.

[traezeeofor]

This is exactly what i was looking for. A recent Next.js 13 Data Fetching tutorial. Thanks God, thanks Brett.

[elbezz]

Thanks Brett that was very well explained!

[GreatFootage]

Thank you so much, I have been looking for new Nextjs tutorials, and this is the perfect one ! trust me, you are the only one that answered the questions in my head, all other suggestions by the docs/chatgpt/websites were either wrong, out of date or incomprehensible, keep going !