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

[@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.

[@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

[@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

[@shahidmonowar480]

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

[@naymhossen1b]

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

[@akmsyfulalom]

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

[@asadanik5987]

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

[@mohammadbelal877]

Good enough for starting. Thanks

[@freelancerlaju]

Thanks.... Brother ❤❤

[@jellyfish1772]

this is beautiful sumit bhai .thank you

[@rawfan0]

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

[@foysalahmedmin]

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

[@monoarshobhon2364]

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

[@asadanik5987]

Thanks for this brother

[@mehedihasanhimel2369]

Best Crash Course about 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.

[@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

[@ragibibnehossain6730]

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

[@FahimMuntashir-wt9cq]

Thanks for such a great concept clear video

[@kamrulhasan1894]

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

[@entertainedWithCats]

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

[@sojibhasan1380]

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

[@md.arifmehedi6559]

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

[@mdsafikulislam9113]

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

[@apusutradhar9276]

Thanks for such a great concept clear video❤❤

[@gazinafisrafi3418]

Thanks a lot vaiya

[@ShuvoMallick]

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

[@syedfaysel]

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

[@Marjan_Hossain]

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

[@user-xn4yk3fl7j]

Thank you so much ❤

[@nhcode6077]

Thank you very much sir.

[@saiedhossien2055]

i am starting this video, and advanced thanks

[@Fahadkhan-ji5mc]

Dadar way of teaching next level🔥.

[@user-xl9vb7pi2y]

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

[@abusayeed1864]

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

[@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.

[@saifulislamwebdeveloper3555]

Onek Valo hoyece sir Thank you

[@likhon18999]

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

[@rahulsd2214]

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

[@learn-with-lemon]

absolutely beautiful content.❤❤❤

[@mohammadshahjalal810]

Thank you, vaia.

[@jellyfish1772]

THANK YOU!!! import alias ta bujhe gelam

[@md.mohiulislam6516]

JajakAllah vai❤.

[@mostafanazmulhasan2702]

Thank you so much Dada

[@user-om8zt9bu1q]

vaia onk onk thanks apnke !!

[@sabuj0338]

Just beautiful Sir

[@mnawebprogrammingbd]

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

[@user-rl4oy1cn4k]

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

[@roninspect4357]

thanks a lot vai!!!

[@user-is6wo7kf6n]

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

[@gkspcl]

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

[@saifulrasel6667]

thank you brother

[@noedition1968]

Thanks you so much ❤❤❤

[@army8896]

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

[@LearnwithSumit]

So nice of you

[@I_need_knowage]

thanks for the video ❤❤❤

[@gmnayeem25]

It was amazing ❤❤

[@mdadnan2956]

Ahh vai purai omaik
🥰🥰😍😍

[@ankan9690]

Damnnnn! Glad to found out this channel.

[@yeasararefin007]

One of the best crash course on RUclips

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

[@abdulbashir1798]

Thanks ❤

[@LifeManagement10]

love you boss...salute

[@injamulhaque9641]

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

[@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..

[@user-rl4oy1cn4k]

opps what a surprise!!! thank you broo

[@likhon18999]

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

[@protapghosh3491]

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

[@bishwajit_roy]

Thanks Dada

[@md.afseruddin]

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

[@MDSoHeL-py2gu]

Awesome 💞💞

[@likhon18999]

Thank you sir

[@mxshahan]

Nicely explain brother.

[@mohiburrahman5639]

thank you

[@user-nk2re2su3d]

Salute apnak ❤

[@mashik1011]

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

[@touchofheart360]

Grate work

[@atikurrahman8865]

Welcome Boss

[@papanpaul3681]

You are great

[@alamincoders]

Waiting vaia ❤

[@azizulhasan1867]

Ahh Dada ,,,,Sheiiiiii Moja lagche😇

[@msi313]

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

[@user-bp3sq3jk5q]

অসাধারন ভাই

[@nasimmd4287]

Well explained. Keep it up

[@LearnwithSumit]

thanks

[@nayanhalder6069]

Thank You dada

[@mahizaman601]

Woww!!!

[@sheikhsadi1897]

you are best ❤❤❤❤❤❤

[@MostofaKamal-hx6zq]

Awesome

[@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

[@user-fw2kc3dz3z]

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

[@mr.laberinto]

Thanks

[@alamgirhossain9218]

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

[@LearnwithSumit]

thanks vai

[@abdullahalmenon]

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

[@techguru6854]

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

[@user-zg5jq8ro4w]

I love your content vai, specially thanks for making this one.

[@LearnwithSumit]

❤️🙏