Mastering Next.js 14: A Comprehensive Guide to the Latest Features and Advanced Concepts!

  Рет қаралды 157,641

HuXn WebDev

HuXn WebDev

Күн бұрын

Пікірлер: 279
@huxnwebdev
@huxnwebdev Жыл бұрын
Complete Source Code With Lot's Of Challenges 👇 github.com/HuXn-WebDev/Next.js-14-Masterclass Build MERN Stack Complete E-Commerce Store 👇 kzbin.info/www/bejne/hoPThYxrgbhsa68
@zatakzataks
@zatakzataks Жыл бұрын
can you please tel me vscode theme name
@huxnwebdev
@huxnwebdev Жыл бұрын
@@zatakzataks Sure, Here 👇 kzbin.info/www/bejne/kJ_YZJRonJeGitk
@rayyanabdulwajid7681
@rayyanabdulwajid7681 Жыл бұрын
Can you tell how long it takes to become proficient at javascript?
@Batyr-q6z
@Batyr-q6z Ай бұрын
Thanks!
@Leesdjo
@Leesdjo Жыл бұрын
The amount of effort you put in to making such complete course for free really means your KZbin channel cares for the World as far as the web development community is concerned.
@huxnwebdev
@huxnwebdev Жыл бұрын
Just doing my best buddy thanks for supporting ☺️
@rohithgoud30
@rohithgoud30 Жыл бұрын
Your way of explaining things is the best I've seen. You make hard stuff easy to understand by using simple words, pictures, and a well-structured approach. Not many people can teach like that. Keep it up!
@huxnwebdev
@huxnwebdev Жыл бұрын
Thanks for the positive feedback buddy, means a world to me 🤝
@henokhaile1661
@henokhaile1661 Жыл бұрын
I don't take it for granted thanks man . Thanks for your energy, humbleness and your will to share.
@huxnwebdev
@huxnwebdev Жыл бұрын
Thanks a lot for your positive comment🤝🤝
@sangameshkyatappanavar
@sangameshkyatappanavar 11 ай бұрын
3:07:05 Hey HuXn! You are truly amazing!! Like really really amazing! Your way of teaching stuff and making it clearer is flawless and just incredible man!! I genuinely appreciate your way of conveying things! Thanks a million for this latest Next Js video HuXn. - I'm kinda desperate for your Next Js full-stack course!! - Next Js + Mongo + Tailwind 💗😊 Thanks again | Lots of Love!
@earnReward-y8o
@earnReward-y8o Жыл бұрын
Bro I've been looking for you ❤ you've covered all the basic things a beginner need to learn when thinking about next.js without spending time on tons of next.js tutorial. This is the best intro next.js video ever
@huxnwebdev
@huxnwebdev 11 ай бұрын
Thanks for your amazing comment buddy, I'm glad my content was helpful for you 🤜
@codewithguillaume
@codewithguillaume Жыл бұрын
Very nice bro! Thanks for this long course!
@huxnwebdev
@huxnwebdev Жыл бұрын
Thanks a lot guillaume, your positive feedback means a world to me, also accept love and respect from my side, your content is amazing ❤‍🔥❤‍🔥
@RoadsideCoder
@RoadsideCoder Жыл бұрын
Great Tutorial!
@huxnwebdev
@huxnwebdev Жыл бұрын
Thank you so much for your kind words! I really appreciate it. I just took a look at your channel, and I must say, your content is absolutely amazing. It means a lot to me that you took the time to watch my video. Thanks again!
@abhisheksharma10600
@abhisheksharma10600 Жыл бұрын
Thanks for this tutorial. It explained NextJs 14 in the best way possible.
@np_dev
@np_dev Жыл бұрын
Best video-course I've seen until now!
@webdevwithbabun
@webdevwithbabun Жыл бұрын
I have never seen any better nextjs lacture anywhere then this one ❤ the effort you have put here to teach the exactly most required content is just exceptional ❤❤
@huxnwebdev
@huxnwebdev Жыл бұрын
Thanks for the positive feedback buddy 🤝
@webdevwithbabun
@webdevwithbabun Жыл бұрын
​@@huxnwebdevkeep going buddy. I fall in love with your teaching skills
@stavroskefaleas6320
@stavroskefaleas6320 Жыл бұрын
Thank you for the kind effort. I have two problems so far. At 57:40 first you should use li tags inside an unordered or ordered list. Secondly the bullets are not shown in Netx.js 14 since the styling of the lists, ordered and unordered in .next/static/css/app/layout.css is set to : (list-style: none). Keep up the good work!
@stavroskefaleas6320
@stavroskefaleas6320 Жыл бұрын
@@huxnwebdev My question here is why the bullets appear in your installation of next js 14 and not in mine. Can you check your .next/static/css/app/layout.css to confirm the unordered list styling of (list-style: none) on your machine?
@huxnwebdev
@huxnwebdev Жыл бұрын
I don't know what's wrong with your browser/machine, this is just a normal HTML behavior of li tag, anyways I've already pushed my code to GitHub you can check the .next/static files by yourself.
@sangameshkyatappanavar
@sangameshkyatappanavar 11 ай бұрын
Hello again HuXn!! Again, such a great course indeed! Thanks heaps and heaps for that! - btw, I really wanted to know which *THEME* and *FONT* you are using for VS... Again, thanks for this amazing course!! 💗🥰
@AmritKumar-sk8jo
@AmritKumar-sk8jo Жыл бұрын
saved your MERN stack course 3-4 hours ago to do it during winter vacations and was wondering if you would upload Next js as well and here it is 😁😁
@huxnwebdev
@huxnwebdev Жыл бұрын
I'm glad I upload it in time, Enjoy 🤜
@AmritKumar-sk8jo
@AmritKumar-sk8jo Жыл бұрын
@@huxnwebdev thanks a lot❤️ Will you upload projects on next js
@dharsanr6504
@dharsanr6504 Жыл бұрын
This guy is a gem 💎
@huxnwebdev
@huxnwebdev Жыл бұрын
You're gem my bro ❤‍🔥
@leonciocastillo6433
@leonciocastillo6433 2 ай бұрын
This is the best Next JS tutorial ever
@am_imtiaz
@am_imtiaz Ай бұрын
Thank you, Huxn, for creating such an amazing and clear Next.js tutorial! Your content is helping me master Next.js step by step. I really appreciate your effort and the way you simplify complex topics. Keep up the great work! 🙌🚀
@myanmar_songs_feeling
@myanmar_songs_feeling 10 ай бұрын
One of the best teachers ever 💥
@erikseyranyan5490
@erikseyranyan5490 Жыл бұрын
Thank you brother your video was really helpful. I looked for a lot of next video from scratch but I didn’t find anything normal, but I saw your video and it really deserves a like
@huxnwebdev
@huxnwebdev Жыл бұрын
Glad to hear that 🤝
@sithumrajitha9969
@sithumrajitha9969 Жыл бұрын
this is the best next js course I have followed in you tube, thank you so much for your good work
@huxnwebdev
@huxnwebdev Жыл бұрын
Wow, thank you for your amazing comment.
@sithumrajitha9969
@sithumrajitha9969 Жыл бұрын
@@huxnwebdev you are welcome brother 😍
@2ru2pacFan
@2ru2pacFan Жыл бұрын
Thank you so much! ❤❤❤
@huxnwebdev
@huxnwebdev Жыл бұрын
You're welcome 😊
@maziarzakeri3150
@maziarzakeri3150 3 ай бұрын
You are amazing , I like your teaching, thank you ❤
@rntbuilds
@rntbuilds Жыл бұрын
I have to stay I've been under the rock not to know about huxn greate community. Ohh my I've been missing much. THANK YOU for the content I'm looking forward to learning a lot from you ❤
@huxnwebdev
@huxnwebdev Жыл бұрын
Welcome aboard buddy 🤜
@The_Technical_Tutor
@The_Technical_Tutor 5 ай бұрын
Some corrections, the middleware.jsx should be inside the src folder. In the video, it worked but on trying with the newer version of nextjs, it only works when placed inside the src directory
@naadhineekuendhukura1048
@naadhineekuendhukura1048 Жыл бұрын
Thank you soo much your uploading such a great content freely...... 🙏🙏🙏🙏🙏👍👍👍👍
@huxnwebdev
@huxnwebdev Жыл бұрын
You are welcome, just enjoy 😊🥂
@heydsu
@heydsu 4 ай бұрын
Already reached 1:00:00 Loving it 💌
@NahomTsegaye-ey3ig
@NahomTsegaye-ey3ig Ай бұрын
Is this still valid? Like since next js 15 is out now I think
@vikasni95
@vikasni95 11 ай бұрын
Wat in the world is more beautiful then this channel teaching me nextjs 😍
@andrewii23
@andrewii23 11 ай бұрын
Bro i just found you randomly and your teaching style is the best and always say some joke lol
@taufikkhan2302
@taufikkhan2302 Жыл бұрын
Thankyou bro for uploading this masterpiece
@huxnwebdev
@huxnwebdev Жыл бұрын
Thanks for the positive feedback buddy 🤜
@ameytari996
@ameytari996 Жыл бұрын
Thank you so much 🙏🏻 for delivering an exceptional course! Your teaching style is both engaging and enlightening, making complex topics easily understandable. I appreciate the effort you put into creating such valuable content. Looking forward to more enriching lessons!
@huxnwebdev
@huxnwebdev Жыл бұрын
Thanks for your positive feedback buddy means a lot to me 🤜🤜
@waleedhussein2004
@waleedhussein2004 7 ай бұрын
This is a great course. It was easy to follow and did not have unnecessary caveats. Thanks
@deanwilson1397
@deanwilson1397 Жыл бұрын
This definitely expanded my head, thanks so much 👍
@huxnwebdev
@huxnwebdev Жыл бұрын
Haha you're welcome
@rithikguleria8278
@rithikguleria8278 10 ай бұрын
Hey why are we using res.params instead of req.params to get the id from the url please help
@niteshprajapat7918
@niteshprajapat7918 Жыл бұрын
*Thank you Huxn Sir ❤🔥* Just completed this awesome course rightnow. Now feels much confident in NextJS . Loving this course so much ❤🔥😁 Will start soon its revision too. You way of teaching so absolutely perfect🔥🔥 One request :- Explanation speed was bit faster for me 😂😂😂😂 *Thank you Huxn Sir ❤❤*
@huxnwebdev
@huxnwebdev Жыл бұрын
haha I do my best to not go fast but I just can't help it idk why but I've tried multiple times but i can't slow down my speed, Thank you so much for your amazing review it means a world to me and also you've been supporting this channel for a while a huge shout-out to you brother 🥂
@niteshprajapat7918
@niteshprajapat7918 Жыл бұрын
@@huxnwebdevohh no worry 😅😅 I enjoyed myself learning this in a funny way 😁😂
@Kmkn308
@Kmkn308 Жыл бұрын
Great Explanation From Scratch..❤❤
@huxnwebdev
@huxnwebdev Жыл бұрын
Glad you liked it!
@AhmedMohamed-fd5sl
@AhmedMohamed-fd5sl Жыл бұрын
Thank you for the course, we need next js projects
@rahulpagidimarri4677
@rahulpagidimarri4677 7 ай бұрын
Very knowledgeable Thanks ❤❤❤
@ashrafflefl1435
@ashrafflefl1435 Жыл бұрын
Wooow, what agreat content ,Straightforward deep explanation ,No time wasting !!!!! Thaaaaaaaanks alot
@huxnwebdev
@huxnwebdev Жыл бұрын
You are welcome! ❤️‍🔥
@ashrafflefl1435
@ashrafflefl1435 Жыл бұрын
💗💗💗@@huxnwebdev
@kevinchen9799
@kevinchen9799 Ай бұрын
You are simply best n class!!
@niteshprajapat7918
@niteshprajapat7918 Жыл бұрын
woowh 🔥🔥🥳🥳 What a surprise 🎉
@huxnwebdev
@huxnwebdev Жыл бұрын
My Bro 🤜
@rulerofcursedland
@rulerofcursedland Жыл бұрын
Thanks for sharing ❤
@huxnwebdev
@huxnwebdev Жыл бұрын
You are welcome, Enjoy 🤜
@kalebmikiyas9854
@kalebmikiyas9854 Жыл бұрын
Thank you bro🎉🎉 well done
@huxnwebdev
@huxnwebdev Жыл бұрын
You're welcome 😊
@webunveilers
@webunveilers Жыл бұрын
Thank you 🙌🙌
@huxnwebdev
@huxnwebdev Жыл бұрын
You're welcome my bro😊
@ryankarangi4305
@ryankarangi4305 8 ай бұрын
This is an awesome course. Looking forward to learning nextjs. Thank you man!! btw what browser are you using?
@Jishanthegodev
@Jishanthegodev Жыл бұрын
Thank you so much for this amazing course ❤❤
@huxnwebdev
@huxnwebdev Жыл бұрын
You're so welcome!
@anonymousbyte247
@anonymousbyte247 Жыл бұрын
Thanks a lot for this amazing tutorial
@huxnwebdev
@huxnwebdev Жыл бұрын
You are welcome!
@zabiullahshokuri
@zabiullahshokuri 2 ай бұрын
wonderful explanition
@BrajeshchandraT
@BrajeshchandraT 10 ай бұрын
Excellent video on Next.js.
@alister8704
@alister8704 Жыл бұрын
Thank you for this video, it explains well and easy to understand the concepts of the next v14. Great work
@saurabhverma9699
@saurabhverma9699 5 ай бұрын
This course offers incredible content and is excellently structured. It's highly recommended for beginners. Thanks HuXn
@azamatshaimyerdyen6037
@azamatshaimyerdyen6037 6 ай бұрын
Amazing, really useful well explained content.
@HeroHunter07
@HeroHunter07 Жыл бұрын
Thanks a lot man it means lot to me 💖
@huxnwebdev
@huxnwebdev Жыл бұрын
I'm glad it was helpful for you 🤜
@swado_2000
@swado_2000 10 ай бұрын
Hey HuXn , is there any specific reason you are using.js instead of .jsx like i noticed you renaming.jsx to .js multiple times.as a beginner just curious
@huxnwebdev
@huxnwebdev 10 ай бұрын
Nothing special buddy, it's just a personal preference 🤝
@rebelmody5637
@rebelmody5637 Жыл бұрын
Great thanks to you , really love that teaching 😊 you are awesome 👍
@rahees_ahmed
@rahees_ahmed 5 ай бұрын
Before this i was little fimiliar with nodejs and python how to developed api bit after watching your code till api routes with the help of chatgpgt and your video now i can easily develop any complex full stack aps and i have done 25+ full stack app on Upwork thanks for sharing
@TheGaneshshow
@TheGaneshshow Жыл бұрын
Thanks a lot huxn ❤
@huxnwebdev
@huxnwebdev Жыл бұрын
I'm glad you enjoy it 😊
@mrmagicff
@mrmagicff 5 ай бұрын
best one. Thank you
@deepakpateljb2411
@deepakpateljb2411 Жыл бұрын
Love u sir❤
@huxnwebdev
@huxnwebdev Жыл бұрын
Thanks buddy 😊
@sunnymishra2120
@sunnymishra2120 2 ай бұрын
Do I need to know backend before learning from this course or React is enough to begin this ?
@thanos7838
@thanos7838 Жыл бұрын
Enough bro. I am not gay. Don't make me fall in love with you with these master videos PS : Love these videos, man. Keep making these. Don't stop. I will watch every video you make
@huxnwebdev
@huxnwebdev Жыл бұрын
Haha Thank you so much buddy for your Amazing words, means a lot to me 😊
@madeiragoddess
@madeiragoddess Жыл бұрын
Awesome broo❤❤❤❤
@huxnwebdev
@huxnwebdev Жыл бұрын
Thanks you for your support, means a lot 🤝
@zabiullahshokuri
@zabiullahshokuri 2 ай бұрын
appreciate you Dear HuXn
@NirajSalunke
@NirajSalunke 6 ай бұрын
Thanks for your energy, humbleness and your will to share. And one more question which theme do u use like why your VS code is so GOOOOOOOOD in Lookss.
@farzanakhaninternativelabs
@farzanakhaninternativelabs Жыл бұрын
great👍 work
@huxnwebdev
@huxnwebdev Жыл бұрын
Thank you! Cheers 🥂
@talharahman1843
@talharahman1843 11 ай бұрын
Der ala ror thanks❤
@baazigar5
@baazigar5 3 ай бұрын
Is this course have everything we need to know as a beginner?
@prashlovessamosa
@prashlovessamosa Жыл бұрын
Thank you Huxun.
@huxnwebdev
@huxnwebdev Жыл бұрын
You're welcome 🤝
@IJ-APPS
@IJ-APPS Жыл бұрын
Great source of information Can i know which font you are using and how?
@viniciusmantovani8619
@viniciusmantovani8619 7 ай бұрын
I loved this font. What font is that?
@ShShipon-k3f
@ShShipon-k3f Жыл бұрын
Amazing course, please bring Redex and payment gateway course, your explanation is amazing 🥰🥰
@huxnwebdev
@huxnwebdev Жыл бұрын
Thank you, I will.
@jamesnelson174
@jamesnelson174 Жыл бұрын
Great work
@TheVedantshah
@TheVedantshah 11 ай бұрын
Hey which extension are you using for the auto complete suggestions?
@JoshuaUnilongo
@JoshuaUnilongo Жыл бұрын
(auth) is not possible for. I'm getting an error that says Error: EPERM: operation not permitted, rename '
@huxnwebdev
@huxnwebdev Жыл бұрын
Push your code to GitHub and share the link with me through any of my social media platforms. This way, I can review your work and identify any mistakes. Unfortunately, KZbin does not permit the sharing of links in comments.
@JoshuaUnilongo
@JoshuaUnilongo Жыл бұрын
@@huxnwebdev It's the "auth" folder you made in the video with two folder inside which is " Login and Register ". You said that if we / I want to skip the "auth" in the router, we / I should use (auth) parentheses 1) without parentheses "auth" : httpexample/auth/login 2) with parentheses (auth) : httpexample/login I tried to rename the folder auth with parentheses in my vs code but it throws me error Error: EPERM: operation not permitted, rename
@JoshuaUnilongo
@JoshuaUnilongo Жыл бұрын
@@huxnwebdev It work now brother HAHA, thankyou very much.
@ahmadullahnikzad2850
@ahmadullahnikzad2850 Жыл бұрын
Thank you very much. Which font family do you use
@celeblifestyle1330
@celeblifestyle1330 9 ай бұрын
My friend just recommended me here ❤
@ibehmicheal4192
@ibehmicheal4192 Жыл бұрын
Love your tuts.....thanks a million ❤ Sorry what theme are you? using
@okocode
@okocode 11 ай бұрын
wow this the best next js course.. do you have firebase also
@suryateja2524
@suryateja2524 5 ай бұрын
What kind of fonts are you using? Can u share git repository of your vs code fonts.
@48_subhambanerjee22
@48_subhambanerjee22 Жыл бұрын
you earned the subscribe. This video was amazing... What is the font name that you are using for your editor. Just asking
@huxnwebdev
@huxnwebdev Жыл бұрын
Thanks for the sub buddy 🤝
@handyrezaalf3282
@handyrezaalf3282 Жыл бұрын
@@huxnwebdev how about the font name ?
@huxnwebdev
@huxnwebdev Жыл бұрын
@@handyrezaalf3282 Here 👇👇 kzbin.info/www/bejne/kJ_YZJRonJeGitksi=pKRFm6jb9-PGiwEK
@thecoder1631
@thecoder1631 7 ай бұрын
what's the theme and font you're using huxn ! and amazing tuts btw.
@frankshi648
@frankshi648 5 ай бұрын
what type of keyboard are you use?
@officialmxnny
@officialmxnny 8 ай бұрын
What is the extensions used in the browser?
@thisismehedihasan0.1
@thisismehedihasan0.1 6 ай бұрын
Sir, Could you please tell me what theme and font you are using?
@baqirnekfar-tm8iw
@baqirnekfar-tm8iw Жыл бұрын
wouldn't you mind to say what is the font family that you are using in your vscode?
@codingjogo
@codingjogo 11 ай бұрын
more next,js tutorials please!!
@gorkemgok9313
@gorkemgok9313 Жыл бұрын
You are great.
@CodingGimmic
@CodingGimmic Жыл бұрын
Whats color theme are you using?
@kumardeepam
@kumardeepam 10 ай бұрын
really good course!
@KidsJoylandAnimations77
@KidsJoylandAnimations77 10 ай бұрын
Please.make a short vedio......my question is ......i make a function in layout.js page and use these function in slug.js page ...but i cannnot use these function in slug page ....... Please 🥺 ...give me a solution...?#Question
@sayeedroshan216
@sayeedroshan216 9 ай бұрын
You course is awesome,, But your vs code make me more impressed, Can you share the font settings for your vs code editor ❤
@raki0125
@raki0125 Жыл бұрын
Please make a video on the vs code font
@huxnwebdev
@huxnwebdev Жыл бұрын
Here 👇 kzbin.info/www/bejne/kJ_YZJRonJeGitk
@haikelareff
@haikelareff 11 ай бұрын
please use typescript if you want to showcase "Master/Advance" tutorial
@huxnwebdev
@huxnwebdev 11 ай бұрын
Here 👇 kzbin.info/www/bejne/n4SUfGlqjcSYjsk
@Invincible_Viltrumite
@Invincible_Viltrumite 5 ай бұрын
3:05:32 bro.... How you instantly change the object
@MT-zm9dl
@MT-zm9dl Жыл бұрын
I don't know about the course. Haven't watched it(yet) but what is that desktop background love it😍 Pls share🙏
@parasmehta7793
@parasmehta7793 Жыл бұрын
Tutorial was awesome. But can you tell me about your wallpaper? its super cool :)
@huxnwebdev
@huxnwebdev Жыл бұрын
It's not just a wallpaper buddy. It's a live video that I've set as my background. I wish I could provide all the details in the comment section, but it involves a more intricate setup, including the installation of Steam and then the Extinction application. I'm considering creating a video to explain the process in more detail, but I can't make any promises at the moment.
@QuickVlogsss
@QuickVlogsss Жыл бұрын
your way of teaching is soo good,please make video of next js with mongoDb
@huxnwebdev
@huxnwebdev Жыл бұрын
What am i teaching in this course?? did you even watch the course my brother??
@QuickVlogsss
@QuickVlogsss Жыл бұрын
nope@@huxnwebdev
@arefinite
@arefinite 10 ай бұрын
I got inspired by your VS Code setup. Can you help me with providing the details setup for your browser please? It looks awesome?
@sharath_jonnala
@sharath_jonnala 11 ай бұрын
Can we use jsx extension
@negarkarimnejad3309
@negarkarimnejad3309 Жыл бұрын
Amazing course thank you❤, can you tell me whats your extension for force to dark mode on explore please?😁
@huxnwebdev
@huxnwebdev Жыл бұрын
I'm not using any extensions, It comes with the Opera GX browser by default.
Next.js isn't React
17:11
JavaScript Mastery
Рет қаралды 266 М.
Война Семей - ВСЕ СЕРИИ, 1 сезон (серии 1-20)
7:40:31
Семейные Сериалы
Рет қаралды 1,6 МЛН
24 Часа в БОУЛИНГЕ !
27:03
A4
Рет қаралды 7 МЛН
БОЙКАЛАР| bayGUYS | 27 шығарылым
28:49
bayGUYS
Рет қаралды 1,1 МЛН
All 29 Next.js Mistakes Beginners Make
1:45:10
ByteGrad
Рет қаралды 161 М.
20 Programming Projects That Will Make You A God At Coding
14:27
The Coding Sloth
Рет қаралды 1,6 МЛН
All React Hooks Explained - React Hooks Tutorial 2025
1:28:44
PedroTech
Рет қаралды 14 М.
NextJS Tutorial - All 12 Concepts You Need to Know
44:38
ByteGrad
Рет қаралды 369 М.
Learn Web Development And ACTUALLY Get A Job | Ultimate Guide
1:33:52
James Cross
Рет қаралды 1,5 МЛН
Война Семей - ВСЕ СЕРИИ, 1 сезон (серии 1-20)
7:40:31
Семейные Сериалы
Рет қаралды 1,6 МЛН