Тёмный
No video :(

Next.js Tutorial For Beginners 

LearnWebCode
Подписаться 340 тыс.
Просмотров 42 тыс.
50% 1

Опубликовано:

 

28 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 120   
@user-ss2jr8ss8l
@user-ss2jr8ss8l Год назад
Ohh my god that cat melt my heart
@mwaqaspro
@mwaqaspro Год назад
Hey Brad, I'm waiting for something like this. I know there are a lot of other tutorials out there but you always explain not how but why we do what we do. Thanks!
@alexroy4235
@alexroy4235 Год назад
I have bought all Brad's Udemy courses except laravel. The courses are absolutely priceless
@LearnWebCode
@LearnWebCode Год назад
Thank you so much for the support!
Год назад
Yes, Brad’s teaching style is something unique and very valuable. I am coming back now for years to your courses to keep up to date my knowledge. Thank you for making these videos!
Год назад
Brad’s teaching style is something unique and very valuable. I am coming back now for years to your courses to keep up to date my knowledge. Thank you for making these videos!
@LearnWebCode
@LearnWebCode Год назад
Thank you so much for coming back for 4 years! I'm glad the videos are helpful!
@Way_Of_The_Light
@Way_Of_The_Light Год назад
Lol this is the best intro 🐈 I looped that part way too many times 😄
@Way_Of_The_Light
@Way_Of_The_Light Год назад
Lolll that cat is soo cute 🤣 he/she is giving you free scalp massage 💆‍♂️ I’m jealous!!
@nazim848
@nazim848 Год назад
Looking forward for full Udemy course on Next 😊
@Carlos.Santiago
@Carlos.Santiago Год назад
I just clicked this video for the cat on your head lol
@LearnWebCode
@LearnWebCode Год назад
😹
@media1981
@media1981 Год назад
Had a good laugh at your intro. 🤣🤣 Your cat is very persist. haha
@elkhanhamet2561
@elkhanhamet2561 Год назад
😂😂😂😂😂 Brad, hahaha😅😅😅 you're intro is a Killer man!!! Love your cat so much. I used to have one as well. Animals can be sooo adorable. Thank you for the great course as usual!!!
@sagarshrestha1755
@sagarshrestha1755 Год назад
Best tutor in the whole world
@volodymyrkovalskyi2061
@volodymyrkovalskyi2061 Год назад
You are back!!! ❤❤❤ with some quality content too 🎉
@Harshadswe123
@Harshadswe123 Год назад
The best web dev guy on RU-vid you are most underrated
@John-nr8vu
@John-nr8vu Год назад
Full of cuteness 🥹 best intro I have ever seen 😁
@LearnWebCode
@LearnWebCode Год назад
❤️
@ahmadasif6500
@ahmadasif6500 Год назад
Best NextJs tutorial for absolute beginners 😃
@nazim848
@nazim848 Год назад
Always love your content Brad. Please keep it up 😘
@osoningliztili6708
@osoningliztili6708 Год назад
in the start of the video I heard something about weaknessses, but did not catch it, cause your cat making the hair style grabbed my attention.
@tobecontinued.
@tobecontinued. Год назад
In all honesty, I didn't watch this video, but that was the best intro ever 😹
@ifechukwu7379
@ifechukwu7379 Год назад
very straightforward and simple. Other youtube Tutors should learn from you how to teach simply. Thanks a lot. Meanwhile you didn't specify whether this was Nextjs 13 or not. That will be really helpful for us beginners who just started learning Nextjs in April 2023.
@LearnWebCode
@LearnWebCode Год назад
Thanks so much! I wanted to teach the new "app" directory version of Next.js but the official Next.js docs made me feel like some features were still in active development, and I don't like to make tutorials on things until it feels like the "dust has settled." A tutorial for the new "app directory" approach is on my todo list for sure!
@gambomaster
@gambomaster Год назад
Thank you very much Sir Brad. 🙏
@jameshansen801
@jameshansen801 Год назад
Thank you so much for this tutorial! You're definitely becoming one of my go-to RU-vidrs. I really appreciate the way you speak, break down concepts, and illustrate how something won't work if attempted another way. I love it!
@YTCFacts
@YTCFacts Год назад
Great tutor... Thanks a lot man!!!
@shahriarparvezshuvo4760
@shahriarparvezshuvo4760 Год назад
At last! From you!
@LearnWebCode
@LearnWebCode Год назад
❤️
@aleksandrmisnov
@aleksandrmisnov Год назад
Thanks Brad, is it safe to assume a course is coming? :) Also would be amazing if you would do a React typescript or NextJS typescript video in the future.
@miskomima
@miskomima Год назад
Cat: "LET ME LOVE YOU!" 😹
@LearnWebCode
@LearnWebCode Год назад
🤣
@adeisaac
@adeisaac Год назад
My favorite teacher of all time...I am on board....rrrrrrrrrr
@user-kx7cr2oj8f
@user-kx7cr2oj8f Год назад
Дякую, дуже крутий туторіал! (Thanks, really cool tutorial!)
@jacobhagan553
@jacobhagan553 Год назад
You teach good. Keep it up. God bless you.
@luisdomiciano
@luisdomiciano Год назад
Great video! I'm from Brazil.
@redouanch
@redouanch Год назад
i was planning to start dig into Next, and guess.. the amazing Brad launched what i'm looking for!
@aldotube88
@aldotube88 Год назад
Literally the thing on my mind recently and you drop this 😄
@ba5eem
@ba5eem Год назад
Outstanding tutorial
@fokspoks
@fokspoks Год назад
That was awesome, thanks. And i love this beginning with cat)
@kerimtim
@kerimtim Год назад
I can't concentrate on what you're saying while seeing your cute cat is liking you:D
@maikolhernandez9176
@maikolhernandez9176 Год назад
As always... simple and beautiful. Thank you so much
@annasahradyan9849
@annasahradyan9849 Месяц назад
Thank you very much!!!, only thanks to you I really understood how Next.js works.
@hannovanderwalt9560
@hannovanderwalt9560 Год назад
Very helpfull doing everything from scratch ! Thanks
@cloudsystem3740
@cloudsystem3740 Год назад
thank you very much Brad!
@danieldael5425
@danieldael5425 Год назад
I really appreciate your laravel course. Even though I I only have little knowledge on PHP, I'm able to follow and code along with the project in the course because of your beginner friendly approach and very clear explanations. Thank you very much :)
@LearnWebCode
@LearnWebCode Год назад
Thanks so much, I haven't gotten as much feedback on the Laravel course yet so it's great to hear that it's helpful!
@aldotube88
@aldotube88 Год назад
If you are looking for more laravel content I'd suggest Jeff Ways on Laracast really good. I have caught LWC's laravel but will defo check it out some time quite liked what I used of Laravel
@sigfigronath
@sigfigronath Год назад
Its the cat for me ahahah so cute
@ashkanahmadi
@ashkanahmadi Год назад
Great tutorial as usual. I once saw a comment that said “NextJS is approaching web development in a PHP way”. Curious to know what you think of that
@LearnWebCode
@LearnWebCode Год назад
Thanks! The comparison to PHP makes sense to me. I've never been on board with the 100% client-side rendering; in fact it made me always resent JavaScript a tiny bit. I see all the strengths of client-side rendering + routing, but something about the HTML not actually existing at the URL never sat right with me, so the static or server-side approach of Next.js does remind me of the traditional PHP sites. It's like that + all the benefits of client-side everything, and everything is already pre-wired up and ready to go with no duplicate code.
@mukangwakalonda7726
@mukangwakalonda7726 Год назад
Hello sir thanks so much i have learnet a lot from you
@KILLCHRISU
@KILLCHRISU Год назад
subbed for the cat
@wisdomeispower
@wisdomeispower Год назад
Hey, I'm long time subscriber, just wona say love your content.
@LearnWebCode
@LearnWebCode Год назад
Thank you!
@assignarch0328
@assignarch0328 Год назад
Absolutely wonderful tutorial
@luizmeraki
@luizmeraki Год назад
Amazing video and explanation, please make a new video with app route, I guess it'll be amazing 😃
@soccer19957
@soccer19957 Год назад
Great Content Brad! as always, lol your cat is so cute
@user-sf9zk7tk7x
@user-sf9zk7tk7x Год назад
Amazing teacher. I hope you'll create a TypeScript tut.
@irobot8297
@irobot8297 Год назад
Coolest guy on the youtube
@techmathy5764
@techmathy5764 Год назад
Was waiting for this tutorial
@inweblife
@inweblife Год назад
It is amazing, Brad! I wosh all the best!
@andresvegar
@andresvegar Год назад
Hey Brad, thank you for this tutorial, it helped me a lot of, could you please create a course to integrate WordPress with NextJS, no worry I will pay you for that ;)
@hafizulhaque6918
@hafizulhaque6918 Год назад
Great tutorial to start learning next js
@SuperAvinash009
@SuperAvinash009 Год назад
Thanks for posting this video, It's very helpful!!
@youtoadarsh
@youtoadarsh 8 месяцев назад
Thank you!
@knowngate
@knowngate Год назад
i like your , Personal Head massager !
@jediampm
@jediampm Год назад
Hi, make a video on your thoughts about the new react docs and the fact they recommend nextjs or others related frameworks. Is this good for beginners?
@kundumehul
@kundumehul Год назад
I absolutely love your furry buddy 😂
@cubedev4838
@cubedev4838 Год назад
Hi brad, please make nextjs udemy course. Your course are superb!!
@MB-gl3cj
@MB-gl3cj Год назад
this ☝
@universal4334
@universal4334 Год назад
Thankyou very much brad
@romimaximus
@romimaximus Год назад
Wow... simple, crystal clear details explanation.... and i just have a quick question ? If i wanted to deploy to other server besides Vercel... theres any extra steps should i do ? Or just "npm run build" wiil give me the files to deploy the app ?... cause i didnt see a "build" folder when you ran "npm run build" command ?
@srinivasmohanty
@srinivasmohanty Год назад
Thanks for the cutorial❤
@RajSidhux
@RajSidhux 10 месяцев назад
Hi Brad @LearnWebCode - I cant find the link to the beginner Next.js video. I want to learn how to create a Woocommerce theme from scratch in the best way but i have never coded before and want to learn how to. Do you have any videos for an absolute beginner to learn hw to create a Woocommerce theme from scratch? Thanks
@mam3769
@mam3769 Год назад
i love you man!
@ndnow12
@ndnow12 Год назад
What if the _app.js file doesn't do what you show it doing? It's not recognizing the _app.js as a global file I guess.. something change in the last 5 months with reactjs?
@neelakandanmuthupalaniappa6301
@neelakandanmuthupalaniappa6301 3 месяца назад
blog code was not working it gives server error at map
@pixelnthings
@pixelnthings Год назад
Hi Brad, can you create a course on Woo Commerce Development???
@chakitoooo
@chakitoooo Год назад
Stupid question, but what happens if you add new blog post? Do you need to rebuild the page manually every time?
@unpluggedaman
@unpluggedaman Год назад
Thanks for sharing
@nada125love
@nada125love Год назад
the cat
@MasudRana-nx4rf
@MasudRana-nx4rf Год назад
🐈 Love
@tim.bogdanov
@tim.bogdanov Год назад
was hoping this dove into the beta features and using the app directory :/
@pjmclenon
@pjmclenon Год назад
hello it does not work at step 1 npm dev run--always erros
@pjmclenon
@pjmclenon Год назад
i tried from scratch and i tried w/ your source code and i still cant get past the 1st npm run dev--errors so many eroors
@Max-ci9cv
@Max-ci9cv Год назад
i subscribed for the cat
@atifulislamasif7893
@atifulislamasif7893 Год назад
you can just click on 'copy' icon to quickly copy the raw code
@jeetshah6923
@jeetshah6923 Год назад
Hey, I had one doubt, I am using nextjs 13, but hot reloading is not working, any idea on how to resolve it?
@jekjekgaming3396
@jekjekgaming3396 Год назад
I think we better use usestate from react instead getStaticProps to avoid delay of display
@LearnWebCode
@LearnWebCode Год назад
Yes, if you don't need the data to actually live in the traditional DOM for SEO or accessibility reasons, and you know you can't cache the page at all and it needs to be generated uniquely each and every page request, then I agree, client side loading and using useState is the best option.
@akramulhasan8048
@akramulhasan8048 Год назад
Always love you
@solishteklish5647
@solishteklish5647 Год назад
Hey Brad can you pls teach Angular
@user-qi6ri2hd9i
@user-qi6ri2hd9i Год назад
On {18:55} the error the not clear out even though I refreshed multiple times.
@neelakandanmuthupalaniappa6301
@neelakandanmuthupalaniappa6301 3 месяца назад
same problem here
@davidson7838
@davidson7838 Год назад
Hi Sir, can you make a Sveltejs course please?
@hasanraftar7611
@hasanraftar7611 Год назад
I'm here to see the Cat
@Way_Of_The_Light
@Way_Of_The_Light Год назад
Me too 😂
@AlfaArzakura
@AlfaArzakura Год назад
Hello. I've followed everything in the video until successfully deployed. But I can't see the deploy site on vercel due to Your connection is not private.
@LearnWebCode
@LearnWebCode Год назад
Vercel will often give you three different URLS / domains to view your site from, do none of the 3 work? Also, what if you try a different browser (Chrome, Firefox, Brave etc...)?
@AlfaArzakura
@AlfaArzakura Год назад
@@LearnWebCode I tried Brave, Chrome and Edge. None of them work. Later I cloned your repository (nextjs-youtube-demo) to my github account and then deployed to Vercel. It still cannot be visited due to "Your connection is not private"
@VideoDarslar
@VideoDarslar Год назад
yeah
@zettai8087
@zettai8087 Год назад
Can i learn next.js for server side without learning node?
@LearnWebCode
@LearnWebCode Год назад
Yes, absolutely! Most of the times the server side action you'll be performing is simply data fetching or loading / saving data from a database. It will usually be JS you're used to writing in the browser or just copying / pasting from an NPM package's documentation. No advanced Node.js knowledge is needed.
@jacquelinemason3171
@jacquelinemason3171 Год назад
The cat 🤣🤣
@thebattinson1278
@thebattinson1278 Год назад
nice !
@barkahadekurnia9891
@barkahadekurnia9891 Год назад
KOCHENGGG
@javeedishaq7643
@javeedishaq7643 Год назад
😃😍🤩😍😍😍😍😍
@KendaBeatMaker
@KendaBeatMaker Год назад
catnip in hair
@paulkane8315
@paulkane8315 Год назад
Ads less than 10 seconds apart, 3 minutes in?
@LearnWebCode
@LearnWebCode Год назад
I promise I didn't manually do that 😂 - back in old RU-vid I'd manually put ads at the very end of the video; but lately in RU-vid I just check the option to let RU-vid include ads automatically; I didn't realize they'd do something that heinous lol.
@ahmedmusawir
@ahmedmusawir Год назад
This is bunch of crap ... this is next.js 13 ... what happened to the app dir ... this old next js crap what happened to the new stuff
@LearnWebCode
@LearnWebCode Год назад
You have to go to the "beta" documentation on the official website to see the app directory approach. Also, once you get to the separate beta docs you'll see "The app directory is currently in beta and we do not recommend using it in production." It has many benefits and will be the standard soon enough but as of today I think the approach that the official Next.js website recommends for production and refers to as "stable" is just fine for someone wanting to understand the framework for the first time.
@Sellwawy
@Sellwawy Год назад
Amazing Brad. I love the way you tech.
@MrAtomUniverse
@MrAtomUniverse Год назад
This is so good, is there a part 2 ?
@LearnWebCode
@LearnWebCode Год назад
Thanks! Glad it was helpful! When Next's new "App Directory" features are taken out of beta and are officially recommended for new production / mission-critical projects I'll probably create a new Next.js video!
@dimitmoto1716
@dimitmoto1716 Год назад
Thank you!
Далее
Why You Should Try Tailwind CSS
41:03
Просмотров 13 тыс.
Next.js 14 Tutorial for Beginners
35:25
Просмотров 4,6 тыс.
The Most Important Skill You Never Learned
34:56
Просмотров 195 тыс.
The Big Headless CMS Lie (James Mikrut)
18:14
Просмотров 56 тыс.
How to Become a WordPress Developer
11:02
Просмотров 6 тыс.
WTF Do These Even Mean
13:44
Просмотров 84 тыс.
NextJS Tutorial - All 12 Concepts You Need to Know
44:38
How NextJS REALLY Works
28:25
Просмотров 145 тыс.
Next.js isn't React
17:11
Просмотров 220 тыс.
From React To HTMX
40:01
Просмотров 323 тыс.