Next JS 14 Crash Course - Next.js Bangla Tutorial 2024

🚀 What You'll Learn:

2. Routing and navigation including nested routing in the latest version
3. Layout and Nested layouts
3. Server-side rendering (SSR), static site generation (SSG) and incremental static regeneration (ISR)
4. Server Components
4. Data fetching strategies
5. Optimizing performance and improving SEO
6. Optimizing image, font and metadata

🔗 Timestamps:

0:00 - Intro
7:28 - CSR vs SSR vs RSC
18:37 - Installation & Setup
21:52 - Folder Structure
22:43 - Pages & Layouts
29:37 - Routing & Navigation
42:50 - Loading state
47:17 - Error Handling
55:09 - Dynamic Routing
1:04:20 - Not found page
1:07:26 - Server vs Client Components
1:17:05 - Image Optimization
1:25:56 - Font Optimization
1:31:19 - Static Metadata
1:34:32 - Data Fetching
1:50:45 - Dynamic Metadata
1:57:30 - Progressive Rendering
2:09:40 - SSR, SSG and ISR
2:24:35 - Final words
2:26:26 - Outro

কোন প্রশ্ন থাকলে comment section এ comment করতে পারেন। সেই সাথে আমাদের একটি Facebook Group আছে। সেখানেও আপনার প্রশ্ন করতে পারেন। সব প্রয়োজনীয় link নিচে দেয়া হলো -

#nextjs14 #nextjs #learnwithsumit

[zpuztmw]

আমি সেল্ফ লার্নার এ পর্যন্ত কোন কোর্স কিনি নি।যদিও আমি next js সম্পর্কে অনেকে কিছু জানি api route সহ সাথে prisma তবে এগুলো শিখার জন্য আমাকে অনেক English Channel দেখতে হয়েছে, ইংরেজি মাতৃভাষা না হওয়ার কারনে অনেক কিছু deeply বুঝতে পারিনি। আমি অপেক্ষায় ছিলাম একদিন Sumit দাদা নিশ্চিয় next js নিয়ে ভিড়িও দিবে আজ সেটাই কাজে লাগিয়ে caching এবং page render সম্পর্কে আমার মাতৃভাষায় ভালো ভাবে বুঝলাম। এটা একটি চমৎকার crash course. যদিও rnext js কোর্সটি কিনার ইচ্ছা ছিল তবে যেহেতু নিজে পরিশ্রম করে ডকুমেন্টেশন পড়ে এবং ভিড়িও দেখে শিখেছি তাই self respect কে গুরুত্ব দিয়ে আর কিনি নি।অসংখ্য ভালোবাসা আপনার জন্য দাদা।❤

[nahid-mahmud]

নিজের ভাষায় কনটেন্ট দেখার মজাটাই অন্যরকম। ডেটা ফেচিং থেকে বাকি জিনিস গুলো খুবই ইন্টারেস্টিং ছিলো৷ Image অপ্টিমাইজেশন টাও দারুন।

ধন্যবাদ এত সুন্দর করে বুঝানোর জন্য 🔥

[learndeveloping]

দাদা!! এটা মনের চাওয়া ছিল।

আল্লাহ আপনার উক্ত কাজের প্রতিদান অবশ্যই দেবেন,

[sheikhabujubayer]

This is undeniably the best Next.js crash course available at present! After exploring numerous tutorials on YouTube and Udemy, none come close to the excellence of this one. I'm astounded by how effortlessly Sumit Dada elucidated numerous complex concepts in just 2 hours and 26 minutes. Kudos to Learn with Sumit! ❤❤❤

[minhajulabedinapon]

আপনি আমার মনের কাজটাই করেছেন, আমি ইউটিউবে next js এর ভালো রিসোর্স খুজছিলাম আর আপনার কথা ভাবছিলাম যদি সুমিত স‍্যার next js এর প্লে লিস্ট দিতো তাহলে কতই না ভালো হতো। আর ঠিক কেবলই এইটা দেখলাম আলহামদুলিল্লাহ্।

[risalshahed]

I've started watching an English Crash Course earlier! Just after 5 minutes watch time, I was not satisfied at all & I started watching yours. Simply awesome as your other tutorials are! Just saying "Thanks" is not enough to show gratitude! May Allah bless you vai

[shahidmonowar]

A 2-hour and 26-minute presentation filled with outstanding and understandable content. Absolutely, you are amazing, Dada.

[snaeem]

I have been working with next js for last 6 months, still this crash course look relevant and many things to learn. The SSG part was best for me, Thanks

[yrhwhpv]

I like the way you cleared the concept in first 18 minutes. I think that's most important part. Thank you for awesome explanation.

[naymhossenb]

Amezing. Thank you. I am waiting for learn next.js

[personalatick]

sir apner to sob video a impormative...
apni kono video deker age jana take je kicu new sikbo....jemon aita apni just Crush course hisabe ja dekaicen ta oneke next.js playlist ar frist 10/15 video deke sika lage tao deeply na.... so i am really grateful about it...

but SEO related video dile sobar jonno aro valo hoto...jodi apni video na diye just course caren taile o sobai enroll korbo...🙂

take love🧡🧡

[mdsafikulislam]

আপনার কাছে আমরা সব সময় ভালো কিছু পেয়ে থাকি। ধন্যবাদ জনাব।

[akmsyfulalom]

I got The best way to clear the concept in a bit of time. Thank you so much 😍😍😍😍

[mr.techexperts]

So Many thanks vaiya. Documentation pore bujhechi kintu good practise gula maintain korte parchilam na. Thanks for video. Onek boro change chilo

[asadanik]

My Favorite video ... watching multiple times again and again.🥳🥰

[rawfan]

Tutorial ta actually fatafati hoise. I was actually looking for something like this for a long time.

[zmxukse]

vai, undoubtedly oshadharon 1 ta course. shob kichu khub easy kore explain korsen. amr mone hoi na er chaite easy kore explain kora possible.
puro course ta tutorial dekhar sathe practice korsi.
Thank you for this beauty.

[foysalahmedmin]

Ei Crash Course er jonno wait korchilam. Thank you bhaia.

[msi]

Laravel (PHP) তে কাজের অভিজ্ঞতা থাকার কারণে Server Side বিষয় গুলো ভালভাবে বুঝতে

[ragibibnehossain]

No Fluff and to the point explanation of the core features provided by Next JS. Thank you for such a beautiful crash course.