Next.js Performance Optimization: Implementing Lazy Loading
Learn how to optimize your Next.js app with the Lazy loading techniques.
✅ Don't forget to subscribe to this channel to learn how to build production-ready applications with strong fundamental knowledge: / tapasadhikary
✅ Enjoying my videos & teaching? Join tapaScript as a member to enjoy the perks:
/ @tapasadhikary
✅ Follow tapaScript on GitHub to get notified on new projects: https://github.com/tapascript/
✅ Join Discord, so as not to miss any announcements: / discord
In this video, we will discuss a couple of methodologies to make your application's initial load faster, even when you are not using React Server Components. We will also discuss some patterns and answer to questions related over/under optimizations at the end. DO NOT MISS IT.
Let's GO 🚀
Hey, welcome back to another informative video from the "Full Stack With Next.js App Router" series. I hope you enjoy this one the same way you liked the previous videos from the series.
I take special care to provide you the best quality content. Please SUBSCRIBE to the channel to show your support. Also, could you like/comment on this video so that it reaches others? Thanks! 🫶
Timecodes
0:00 - We Will Learn These
01:24 - Code Splitting and Lazy Loading
04:06 - Lazy Loading Methods in Next.js
04:49 - Project Setup
05:28 - Using the dynamic package of Next.js
12:42 - Using React.lazy() and Suspense
16:51 - Handling Named Export with Lazy Loading
22:33 - Lazy Loading Server Component
23:27 - Should We Use Lazy Loading Everywhere?
Videos mentioned:
• Data Fetching using React Suspense an...
Source Code on tapaScript GitHub:
https://github.com/tapascript/nextjs-... (If you like, please support the project with a ⭐)
🤝 My Links:
Blog: https://blog.greenroots.info/
Follow on X(Twitter): / tapasadhikary
Connect on LinkedIn: / tapasadhikary
Follow My Work on GitHub: https://github.com/atapas
Follow on Facebook: / tapasadhi
👋 Like my work? Thank You. You can sponsor me from here:
Sponsor Me: https://github.com/sponsors/atapas
Sponsor my Blog: https://blog.greenroots.info/sponsor
About Me:
Tapas Adhikary is an Educator at tapaScript, Tech enthusiast, Writer, YouTuber, and Open Source projects maintainer/contributor. He is a full-stack developer with vast experience in building SaaS solutions. He is the founder of the ReactPlay platform, which is driven by open-source projects and a fast-growing community.
You can find more about him at https://tapasadhikary.com.
#nextjstutorial
#next
#nextjs14
#nextjs
#nextjs13
#nextjsapprouter
#thinkinginnextjs
#nextjstutorial
#performanceoptimization
Watch video Next.js Performance Optimization: Implementing Lazy Loading online without registration, duration hours minute second in high quality. This video was added by user tapaScript by Tapas Adhikary 16 July 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 5,621 once and liked it 170 people.