Next.js 13 Crash Course Tutorial #10 - Loading UI & Suspense

Подписаться 1,6 млн

Просмотров 55 тыс.

50% 1

In this Next 13 tutorial series, you'll learn the basics of Next.js to make a simple project, using the new app router & server components.
🚀🥷🏼Access the entire Next.js 13 Masterclass course on Net Ninja Pro:
netninja.dev/p...
➡️ Use promo code NEXTNINJA50 for 50% off!
📂🥷🏼 Access the course files on GitHub:
github.com/iam...
📂🥷🏼 CSS File from course files:
github.com/iam...
💻🥷🏼 React Tutorial:
netninja.dev/p...
🔗🥷🏼 Next.js docs - nextjs.org/docs
🔗🥷🏼 CSS modules in Next.js - nextjs.org/doc...
🔗🥷🏼 VS Code - code.visualstu...

Опубликовано:

14 окт 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 30

@TheDuppyman 11 месяцев назад

Best tutorial I have found so far. All I needed was the basics, get data, display data, links and forms. Not some ridiculous complex app where I spend more time copy typing than learning.

@osoningliztili6708 10 месяцев назад

agree

@Azro-g3w 8 месяцев назад

this morning the penny finally dropped for me after 3 days of my brain constantly spinning trying to wrap my head around this. I get it all now this is awesome !! Thanks Ninja ❤🎉

@NetNinja 8 месяцев назад

That's awesome to hear :) sometimes it takes a while, but glad you've got it!

@papa_ethan 4 месяца назад

If you have loading.jsx in your 'tickets' folder, by convention, I think boundary from react is not needed. Also you have to put your tickets' nav inside the layout.jsx file convention which must be under 'tickets' folder, same way with the layout.jsx file under the App folder. Like what you said converntion over configuration. But of course these tutorial videos of yours helped me. Thank you.

@meka4996 6 месяцев назад

Very easy to follow and concise! Thank you

@NetNinja 6 месяцев назад

Great to hear! :) thanks for watching

@DERICKBLACIDOCONTRERAS-c7f 17 часов назад

Thank u babe!

@NOTHING-en2ue Год назад

very great tutorial, thanks a lot ❤

@zahidw83 4 месяца назад

Very Usefull , Nice Explanation

@amraromoro Год назад

As top as always thanks man very useful.

@osoningliztili6708 10 месяцев назад

thank you very much, lessons are useful

@NetNinja 10 месяцев назад

Glad to hear that! :)

@Daniel-i8v2i 10 месяцев назад

What plugin are you using for the Tailwind CSS JSX shortcut?

@kooyaw4445 Год назад

Appreciate this bro

@ajayrathod7438 Месяц назад

loading.js file work for client component too?

@alexg7282 Год назад

Thx !

@rico5424 9 месяцев назад

Isn’t working for me :/ im trying to wrap {children} but my loader icon doesn’t show up

@jinshin.19 11 месяцев назад

After the loading ( 3s ), the component for ticketlist did not rendered. why is that ?

@adamleviton499 11 месяцев назад

I have a situation where my "TicketList.jx" is a client component with a non-async function. And loading.js doesn't seem to appear in this case. Any advice on how to make this work?

@iDian23 10 месяцев назад

If it's a client component then the data fetching won't happen on the server and it won't block the rendering of the whole page anyways. You can just add a loading state while the data is loading on the client side.