Next.js 13 Crash Course Tutorial #6 - Fetching & Revalidating Data

➡️ Use promo code NEXTNINJA50 for 50% off!

📂🥷🏼 Access the course files on GitHub:

📂🥷🏼 CSS File from course files:

💻🥷🏼 React Tutorial:

[kecoje]

Thank you - looking forward to the next part

[acodersjourney]

I'm grateful for your content. Keep inspiring us!

[iancarr]

An excellent "companion" to the "official" next.js tutorial.

[jkl]

Im very happy I have finally found a really good youtuber who does the tutorial videos for the beginners like me. Please keep posting. I have subscribed

[programmingwithnit]

Thank brother your explanation is very good

[velmar.wolfdream]

I received the "json-server : The term 'json-server' is not recognized as the name of a cmdlet,
function, script file, or operable program." error, but I've managed to solve it.

So if anyone runs into this issue in the future, just add "npx" in front of "json-server" in the terminal

[everyday_mary]

I just bought the complete course! Is there a way to get the transcripts for the videos on the course site (I use transcripts a lot on YouTube when studying, e.g. for searching, and it also makes it easier for me to follow along since English is not my native language)? Thank you very much in advance!!

[z_]

Great video!
At 11:30 you are explaining how to benefit from the extension of the fetch API.
How can I benefit from it too if I use a function that is stored in another « services » folder?

[rodrigopolanco]

If you're fetching data as responses from the openAI API and want to keep an open request from the frontend (nextjs) to the backend (django), is it possible to do it like in broadcasting or streaming? Do you know what is the most common and efficient case? Thanks and cheers!

[vwlppxm]

in some cases (fetch) failed when i'm using in SSR , but in client side rendering. it works fine, i'm fetching some images from api

[cmlra]

could you please guide me which one is better to ues, functional compnents or arrow components in react

[jqvgmoz]

Hello, At first. Your larning seasons are great, I try to reproduce your example in TypeScript for improving my self learning. In the chapter 6 I have a problem. I prefer to use the arrow function syntax while coding. When I write the TicketList with arrow functions, there were no tickets fetched by the server. It will also not displayed the tickets.length === 0 case. Write the code like described in the course, it works. Is there a difference between the two syntax in Next JS (exept the this keyword)? My main seen difference in the arrow-code is the export default at the end of the TicketList.tsx. Thanks a lot for your help :)

[ZeyadMohamed-xsew]

Is there a way to revalidate with axios?

[raminjamal]

What font are you using bro in vscode could you share it ?

[rnavedojr]

That is fine and it works locally but I have an issue using a dynamic baseUrl when building for some reason.

[VilliamLundin-bwmg]

What extension do you use to get Tailwind autocomplete?

[justydev]

Add this to "scripts" in your package.json
"server": "json-server --watch --port 4000 ./_data/db.json",

and then you can run `npm run server` to make it easier to restart the json-server without having to remember the command

[AntNZ]

Whats the best way to import the json data from a file using node?

[khalifaomani]

lovely content ^_^, so revalidate cashed in server right ? not user browser :)

[ashonshakya]

revalidate is not working for me, it fetches new data everytime