A New Way to Render Pages in Next.js | NeonDB, Server Actions

preview_player
Показать описание


#nextjs #react #typescript #javascript

⏰ Timeline
00:00 - What does this video cover?
00:44 - App Demo
4:54 - New Course Announcement
6:00 - What is Partial Pre-rendering work?
13:06 - Why Partial Pre-rendering?
15:14 - Code walkthrough
24:54 - Things to be mindful of and Summary

🔗 RESOURCES:

💌 Frontend Newsletter:
If you liked this video, you will also love my newsletter Frontend Snacks. You will learn a new topic each week with cool visuals and snippets, the latest frontend news and behind-the-scenes exclusive updates that I don't share anywhere else.

☎️ Book a 1:1 coaching session with me
Opened a few coaching calls, grab them before they are gone:

🐤 Find me here
Рекомендации по теме
Комментарии
Автор


What else would you like to learn in Next.js? Comment below 👇

Kulkarniankita
Автор

Excellent explanation.
No one can explain NextJs better than you.

Tarun
Автор

Love the way you explain things in simple way, can you please make video on caching as i they change caching in every version, i am confused

riteshpurwar
Автор

Love the video, can you also create more videos on Server Actions? And use transition?

ralstonalmeida
Автор

I watched the entire video and learned a lot of new concepts. Thanks for making such informative content! Please keep making videos like this.

I have one question: I have a dynamic component, which is a product list, and another component, which is a banner, both rendered on page.tsx. I need to do partial rendering, and I'm wondering about the best approach for showing a skeleton for the product list. What's the difference between using <Suspense fallback={<skeleton/>}> and adding an if statement inside the product list like if (!products) {return <skeleton/>}?

codexamofficial
Автор

Can I stream each product separately? It will be a real stream.

aviyot-softwate
Автор

Hi ankita, can you make nextjs tutorials in marathi? just kidding 😅

shruh
Автор

Why did you use the "revalidatepath" function, if in nextjs 15 the default is now "no-store" in cache? Please explain this to me. It should not revalidate since it is not

carlosterrazas
Автор

Why did you use the "revalidatepath" function, if in nextjs 15 the default is now "no-store" in cache? Please explain this to me. It should not revalidate since it is not

carlosterrazas
Автор

Personally I dont like tourial. Just make a fullstack course if you can.

Engineer-deps
Автор

I love you guys, but i feel like you push saas to us than education to build our own tools

tshepokhumako
Автор

Why did you use the "revalidatepath" function, if in nextjs 15 the default is now "no-store" in cache? Please explain this to me. It should not revalidate since it is not

carlosterrazas