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

Mastering Next.js 14: A Comprehensive Crash Course for Beginners and Beyond
Welcome to our in-depth Next.js 14 crash course! Whether you're a beginner or an experienced developer, this tutorial covers everything you need to know about the latest version of Next.js. We'll dive into key concepts, best practices, and advanced techniques to help you build powerful and scalable web applications.
🚀 What You'll Learn:
1. Setting up a Next.js 14 project from scratch
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
1:08 - Why Next.js
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
🔗 GitHub Repository: github.com/learnwithsumit/nex...
Whether you're building a personal project, a portfolio, or a business website, this crash course has got you covered. Join us on this journey to become a Next.js pro! Don't forget to like, share, and subscribe for more content on web development and the latest updates in Next.js. Let's level up our skills together!
🚀 Our React-Next.js course - learnwithsumit.com/rnext
কোন প্রশ্ন থাকলে comment section এ comment করতে পারেন। সেই সাথে আমাদের একটি Facebook Group আছে। সেখানেও আপনার প্রশ্ন করতে পারেন। সব প্রয়োজনীয় link নিচে দেয়া হলো -
👍 Facebook Group - / learnwithsumit
👍 Like our Facebook Page - / letslearnwithsumit
👍 Follow our GitHub Profile - github.com/learnwithsumit
👍 Follow us at Instagram - / learnwithsumit
👍 Follow me at - / sumit.analyzen
👍 Learn with Sumit Official VS Code Theme - lwsbd.link/vst
#nextjs14 #nextjs #learnwithsumit

[@user-zp6uz3tm6w]

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

[@LearnwithSumit]

❤️❤️❤️❤️❤️❤️

[@nahid-mahmud]

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

[@learndeveloping2394]

দাদা!! এটা মনের চাওয়া ছিল।
আল্লাহ আপনার উক্ত কাজের প্রতিদান অবশ্যই দেবেন,

[@minhajulabedinapon3972]

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

[@LearnwithSumit]

eta playlist na eta ekta overview crash course. pura detail er jonno amar paid course er enrollment cholche - learnwithsumit.com/rnext

[@sheikhabujubayer9176]

This is undeniably the best Next.js crash course available at present! After exploring numerous tutorials on CZcams 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! ❤❤❤

[@LearnwithSumit]

means a lot vai

[@risalshahed2281]

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

[@user-yr9hw4hp7v]

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

[@shahidmonowar480]

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

[@akmsyfulalom]

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

[@snaeem5000]

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

[@mdsafikulislam9113]

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

[@naymhossen1b]

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

[@user-zm6xu7ks6e]

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.

[@asadanik5987]

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

[@foysalahmedmin]

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

[@ashimroyrupok]

অনেক অনেক ধন্যবাদ দাদা।।এটার অপেক্ষায় ছিলাম😊

[@mr.techexperts]

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

[@rawfan0]

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

[@Marjan_Hossain]

অসংখ্য ধন্যবাদ আপনাকে💝💝

[@jellyfish1772]

THANK YOU!!! import alias ta bujhe gelam

[@monoarshobhon2364]

So grateful and excited to have this valuable Tuto from Sumit Vaiya. Thanks indeed. Shobhon from Dhaka

[@md.afseruddin]

অসাধারণ, ভাই । আপনার উপস্থাপন অন্যান্য বিভিন্ন ভিডিও থেকে আলাদা । এক কথায় অসাধারণ ।🥰🥰

[@ShuvoMallick]

I'm so greatfull to you Dada.. Clear, Minimalist explanation.. God Bless you..

[@freelancerlaju]

Thanks.... Brother ❤❤

[@mohammadbelal877]

Good enough for starting. Thanks

[@entertainedWithCats]

Finally🥰. Wait kortechilm etar jonno. Thank you so much vaiya.

[@ragibibnehossain6730]

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

[@injamulhaque9641]

অনেক নুতন কিছু শিখেছি, আপনার ভিডিও মানেই অসাধারন,

[@msi313]

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

[@mehedihasanhimel2369]

Best Crash Course about Next JS.

[@personalatick1916]

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🧡🧡

[@abusayeed1864]

Million Dollar Video !!!.
Thank you so much.

[@sojibhasan1380]

Very informative crash course. Thank you so much for this kind of osam crash course about next js.

[@Fahadkhan-ji5mc]

Dadar way of teaching next level🔥.

[@syedfaysel]

এক কথায় অসাধারণ ভাইয়া।

[@protapghosh3491]

এত সুন্দর ভিডিও উপহার দেওয়া জন্য, অনেক ধন্যবাদ দাদা ❤

[@user-xl9vb7pi2y]

Longest coding related video, I have seen in CZcams. Thanks

[@jellyfish1772]

this is beautiful sumit bhai .thank you

[@rahulsd2214]

Undoubtedly the best nexts.js tutriol. Thank you sir.

[@kamrulhasan1894]

Just more than amazing. salute dada! 👍👍👍👍

[@saifulislamwebdeveloper3555]

Onek Valo hoyece sir Thank you

[@abdurrahim-bi8kd]

Sir loading ta kaj korte chilo 46.22 min aa jkhn about folder a loading.js ta nilam ..... chrome extension a network slow3g kora chilam.. onek easy sir ata react ar thaka... thanks a lot for this video it really helping me to learn nextjs..

[@FahimMuntashir-wt9cq]

Thanks for such a great concept clear video

[@user-rl4oy1cn4k]

অনেক ধন্যবাদ ভাই

[@md.arifmehedi6559]

Greate . I think it will beneficial for us ...
And may Allah bless you ...

[@gazinafisrafi3418]

Thanks a lot vaiya

[@saiedhossien2055]

i am starting this video, and advanced thanks

[@gkspcl]

THANK YOU SIR..........

[@likhon18999]

Thank you sir,,,,,,, onek valo laglo ami khub sohojey bujte parse amar jonno doya korben ...

[@abdullahalmenon]

সুমিত ভাই কে অসংখ্য ধন্যবাদ ❤❤❤❤❤, ভিডিও টা অনেক সুন্দর হয়েছে।

[@nhcode6077]

Thank you very much sir.

[@apusutradhar9276]

Thanks for such a great concept clear video❤❤

[@user-xn4yk3fl7j]

Thank you so much ❤

[@yeasararefin007]

One of the best crash course on CZcams

[@user-om8zt9bu1q]

vaia onk onk thanks apnke !!

[@MdTanvirAhamedShanto]

11 din w8 korar por ...
jodioo paid course kena ace tarporooo full video dektay hobay free jinis miss kora jaibe na ....
take love brother...❤❤

[@user-we4gd4bz3s]

That sounds like a fantastic initiative! Offering a crash course in Next.js in Bengali can be incredibly helpful for learners. Providing a clear, concise, and comprehensive tutorial in a native language can make complex concepts more accessible to a broader audience. It's a great way to empower individuals who prefer learning in Bengali and want to explore Next.js, a powerful framework for building React applications. Best of luck with your course-I'm sure it'll be a valuable resource for many aspiring developers!

[@LearnwithSumit]

means a lot

[@mostafanazmulhasan2702]

Thank you so much Dada

[@joydebnath8584]

wow. this is really amazing. learned many things new from this video.
best of luck dada. hope you will bring reactive accilator 2.0 for us again.

[@asadanik5987]

Thanks for this brother

[@mdadnan2956]

Ahh vai purai omaik
🥰🥰😍😍

[@user-rl4oy1cn4k]

opps what a surprise!!! thank you broo

[@user-is6wo7kf6n]

Thanks, dada for your great effort. I am thankful to you.

[@learn-with-lemon]

absolutely beautiful content.❤❤❤

[@techguru6854]

ধন্যবাদ ধন্যবাদ ধন্যবাদ এত দিন ধরে খুজতেছিলাম বাংলা নেএক্স জেএস কোর্স

[@likhon18999]

done ............apneke very very Thanks sir

[@mnawebprogrammingbd]

This video is useful for us. Thanks you so much for upload the video...

[@user-nk2re2su3d]

Salute apnak ❤

[@md.mohiulislam6516]

JajakAllah vai❤.

[@user-fw2kc3dz3z]

অনেক সুন্দর কন্টেন্ট ❤❤

[@mohammadshahjalal810]

Thank you, vaia.

[@noedition1968]

Thanks you so much ❤❤❤

[@saifulrasel6667]

thank you brother

[@army8896]

Watching with you. Thank you. I am waiting for learn next.js

[@LearnwithSumit]

So nice of you

[@sabuj0338]

Just beautiful Sir

[@user-zb5be1gn4r]

Your tutorial on NexjJS is truly awesome! Your thorough and clear explanation made understanding the concepts a delight. Thank you sir for sharing your expertise and making learning enjoyable!❤❤❤❤

[@LearnwithSumit]

thanks vai

[@azizulhasan1867]

Ahh Dada ,,,,Sheiiiiii Moja lagche😇

[@likhon18999]

Thank you sir

[@I_need_knowage]

thanks for the video ❤❤❤

[@abdulbashir1798]

Thanks ❤

[@mdtanvirhasan7643]

পার্ফেক্ট টাইমিং অইথ মাই লার্নিং পিরিয়ড,
মাত্রই পিহিরোর নেক্সট জেএস মডিউল করলাম, সাথে আপনার ভিডিও😍😍😍😍

[@gmnayeem25]

It was amazing ❤❤

[@AnnoyDey]

Sir, you deserve something better. Trust me, I have watched more than 6 videos about the Next.js course, but the most significant and best one is yours. I am so lucky that I subscribed to your channel before. The way you're explaining is completely understandable.

[@LearnwithSumit]

means a lot vai

[@atikurrahman8865]

Welcome Boss

[@alamgirhossain9218]

The best Crash course for NEXT.js 14, It Beautifully explained everything. I loved this, Thanks a LOT😍🥰

[@LearnwithSumit]

thanks vai

[@UzzalPahan]

thank you

[@mxshahan]

Nicely explain brother.

[@mashik1011]

Thanks a lot brother, I is a great job :)

[@mehrabhasantanim338]

I can like the video blindly, Nothing but respect sir.

[@mehrabhasantanim338]

Nothing against it, but you deserve world wide recognition.
Create an English channel if you can.

[@roninspect4357]

thanks a lot vai!!!

[@user-bp3sq3jk5q]

অসাধারন ভাই

[@alamincoders]

Waiting vaia ❤

[@LifeManagement10]

love you boss...salute

[@touchofheart360]

Grate work

[@nayanhalder6069]

Thank You dada

[@bishwajit_roy]

Thanks Dada

[@papanpaul3681]

You are great

[@rayhanislam7518]

vaia, cache managment niye kichu boilen. if a developer can't manage the cache properly then It'll be dangerous. and also you are only person who create qualityful content with visual. Love you.

[@shawonmajid]

2:26:30 Went just like that! Thanks for making such an awesome content!

[@sheikhsadi1897]

you are best ❤❤❤❤❤❤