Learn Next.js 15 in 1 hour - Beginner Tutorial

  Рет қаралды 68,717

Codevolution

Codevolution

Күн бұрын

Пікірлер: 152
@touseefghazanfar8487
@touseefghazanfar8487 Ай бұрын
Learning Next JS from my favorite instructor is a dream come true. ❤
@everythingjavascript
@everythingjavascript Ай бұрын
Ek hi to dil h , kitni baar jitoge sir ji ❤
@codewithjahid2685
@codewithjahid2685 Ай бұрын
Waiting for the next 15 detail sessions .
@VirtualSobriety-LNKC
@VirtualSobriety-LNKC Ай бұрын
I have been learning how to code for about a year now and I have to say this has been the most comprehensive and helpful tutorial I have seen so far! Thank you so much for this!!! I can't wait to see what you put out next ❤
@AliFrazK
@AliFrazK Ай бұрын
Nice and straight to the point...
@Staycoolvisuals
@Staycoolvisuals 27 күн бұрын
Amazing Overview 👏👏👏 Can't wait for the in-depth series❤
@kirankandula2779
@kirankandula2779 18 күн бұрын
The tutorial is very simple and precise. It's definitely a quick introductory in learning Next.js. Thank you.
@daniilzhelyazkov8628
@daniilzhelyazkov8628 2 күн бұрын
The Best Next.js Tutorial Ever!
@andrewmiddleton2308
@andrewmiddleton2308 Ай бұрын
Nice and concise, no time wasting, thank you!
@yumeileventhal3069
@yumeileventhal3069 Ай бұрын
Excellent explanation of the basics!
@JustusKimtai
@JustusKimtai 13 күн бұрын
Best tutorial dude! Bravo!
@natforyou
@natforyou 23 күн бұрын
Excellent course. Appreciate your approach. Thanks.
@TozaruUchiha
@TozaruUchiha Күн бұрын
I really learn something new from this video, This is the best example for beginner
@ast453000
@ast453000 Ай бұрын
I like this tutorial. It's not too long and detailed, like the Next.js 14 tutorials were. I didn't like the last section with Clerk though. I don't like always signing up for more things. Would rather see how to do it without a library. Although it's good to learn how integrate external libraries as well. Thank you for your great work!
@youarethecssformyhtml
@youarethecssformyhtml 24 күн бұрын
I recommend Lucia website to learn how to implement authentication from scratch
@rockbelleh6237
@rockbelleh6237 Ай бұрын
The best of d best vishwas 🔥🔥🔥🔥🔥
@Codevolution
@Codevolution Ай бұрын
Thank you!
@knowledgeaction2348
@knowledgeaction2348 5 күн бұрын
you are amzing man , thank you soooooooooooo much
@radoslavrac8619
@radoslavrac8619 Ай бұрын
Thank you for this masterpiece 🙇👌
@Codevolution
@Codevolution Ай бұрын
I'm glad you like it!
@maskman4821
@maskman4821 Ай бұрын
Thank you for this wonderful tutorial ❤
@Codevolution
@Codevolution Ай бұрын
You're welcome!
@ravinderreddykothabad2299
@ravinderreddykothabad2299 Ай бұрын
Great video, and waiting for the next 15 detail course
@Codevolution
@Codevolution Ай бұрын
Thank you!
@ChesterSerenity
@ChesterSerenity 17 күн бұрын
Thank you for this playlist, great series!
@phat80
@phat80 Ай бұрын
You’re the only Indian that tries to speak English good and don’t waste time for trash talks. And the most important you don’t say «Right?» every 5 seconds 🙏
@Codevolution
@Codevolution Ай бұрын
Appreciate the kind words!
@yabidaboy8765
@yabidaboy8765 Ай бұрын
Nice and straight to the point, i hope you added SSR,SSG,ISG for data fetching
@chanrox69
@chanrox69 27 күн бұрын
I could do well in my interviews because of you.
@miguelpena5450
@miguelpena5450 Ай бұрын
Very useful introduction to Next.js 15, thanks a lot.
@dilshodrahmatov3058
@dilshodrahmatov3058 Ай бұрын
Perfect! Clean explained!
@humayunkabir-jl9tj
@humayunkabir-jl9tj 28 күн бұрын
Very well explained. Thank You
@tamerahmed9860
@tamerahmed9860 Ай бұрын
Great efforts! Thank you
@Codevolution
@Codevolution Ай бұрын
Appreciate the support!
@harunws
@harunws Ай бұрын
Great tutorial.. 👍😎
@juniormed19
@juniormed19 Ай бұрын
Great course, congrats!!!
@bassamelsayed6228
@bassamelsayed6228 Ай бұрын
I was waiting u man ❤
@CristianRodriguez-zn4wp
@CristianRodriguez-zn4wp Ай бұрын
Awesome explanation. I learn a lot from you.
@usbeen9236
@usbeen9236 Ай бұрын
This was really helpful. Thank you.
@adisakjantrasopark7672
@adisakjantrasopark7672 Ай бұрын
At 33:25 miss the folder of "users-client" can't find in Github ..Big thank to your tutorial
@PavanSibal
@PavanSibal Ай бұрын
Thanks Suhaas. Great tutorial.
@soumadip_banerjee
@soumadip_banerjee Ай бұрын
Need a full new Nextjs15 course please! Updating the old one doesn't sound like a good idea. A new one from the very beginning to the advanced parts would be awesome ❤ Please!
@onlinehome_nepal
@onlinehome_nepal 21 күн бұрын
Great Video, please keep it up. BRAVO , plz make the next video please. !
@blaqhakym
@blaqhakym Ай бұрын
Thank you as always mentor Vishwas ❤. Just for clarity, I do not think you'd need to await a param such as "id" in dynamic routing. It's already available automatically in the dynamic route or page
@PrithiviMagar-vv7vz
@PrithiviMagar-vv7vz Ай бұрын
nice video love it 😍😍😍
@Codevolution
@Codevolution Ай бұрын
Glad you liked it!
@anshumankhanna8296
@anshumankhanna8296 Ай бұрын
I would like to point out that at 16:49 you used 'await' but it shows a squiggle because you didnt mention the type as a promise. This may become an issue when using 'npm run build' because when trying to compile it to js, params will be missing the properties of 'Promise'. And yes for anyone wondering, these issues aren't visible when we are in development mode i.e. 'npm run dev'
@Codevolution
@Codevolution Ай бұрын
Thank you for pointing it out. That is a mistake indeed. Please use params: Promise
@bhavik0519
@bhavik0519 Күн бұрын
@@Codevolution Worth a pin, or at least updates in the description! 🙂
@Sr-editxx
@Sr-editxx Ай бұрын
Welcome backkkk 🎉
@thecodelogin
@thecodelogin Ай бұрын
i was eagerly waiting for this.....
@new-in8yt
@new-in8yt 29 күн бұрын
Thank you so much ♥ i have a question : what should i use : revalidatePath or React Query or Usestate ?????
@codebite590
@codebite590 Ай бұрын
Sir please make a dedicated video on Hydration Error that almost everybody face in Nextjs 15
@kid_kulafu_1727
@kid_kulafu_1727 Ай бұрын
How can i support you?? This yhe most straight to the point tutorial ive ever seen. Please share your code brotha.
@Codevolution
@Codevolution Ай бұрын
Please support by subscribing to the channel and sharing the video with others 🙏
@GrahamEisele
@GrahamEisele 3 күн бұрын
How are you doing the autocomplete/intellisense?
@hannanprog
@hannanprog Ай бұрын
Which color theme are you using in your Code Editor?
@hackpiece3094
@hackpiece3094 Ай бұрын
Need full course ❤
@IbrahimMouhsine
@IbrahimMouhsine Ай бұрын
Hi Vishwas, can you add a flutter course?
@ashutosh_parihar_143
@ashutosh_parihar_143 Ай бұрын
Please make a video for 2+ years of work experience developer as a front end developer
@leibaalex6641
@leibaalex6641 Ай бұрын
would be nice, a video to show what tech should know a web dev with experience 2-3 years
@Codevolution
@Codevolution Ай бұрын
Thank you for sharing your ideas for potential videos. I've noted this down :)
@ashutosh_parihar_143
@ashutosh_parihar_143 Ай бұрын
@@Codevolution Thanks vishwas
@nj-tastycreations8307
@nj-tastycreations8307 2 күн бұрын
16:35 how handle params in client side cant use use hooks if we use async please give correction
@thetchana
@thetchana Ай бұрын
I like this tutorial.
@KarthikeyanNatarajan2
@KarthikeyanNatarajan2 Ай бұрын
@Codevolution You're just amazing! Great way to explain concepts !
@Codevolution
@Codevolution Ай бұрын
Glad you found the video helpful!
@MikeHudsontek
@MikeHudsontek Ай бұрын
This is great. I have question though. When making the post request, adding a name to 'users'. Where is it actually saved in the NextJS project? it doesn't actually show the new name in the users object but it does upon a GET request
@iwillbeblunt4494
@iwillbeblunt4494 18 күн бұрын
My bookmark 32:24 didn't understand route handlers, have to watch again this part.
@dubekone
@dubekone 28 күн бұрын
Hey @Codevolution u will upload more of next 15? i was following the next14 series but idk if u continue with the serie
@romainmt1777
@romainmt1777 Ай бұрын
Very nice video ! Thank you very much for your work ! Do someone here knows what vscode theme is used here ? Thank you
@nikhilchandraroy1094
@nikhilchandraroy1094 Ай бұрын
how to create api , manage api only in nextjs and how can we use database do we need to use clerk for it?
@VitaliiPodhornyi
@VitaliiPodhornyi Ай бұрын
Hello sir. What's theme you use in VS Code ?
@Codevolution
@Codevolution Ай бұрын
Nord :)
@bobsmithy3103
@bobsmithy3103 Ай бұрын
9:58 Is anyone else not getting the "Greet component" console.log in their browsers? I'm not getting the log in firefox or chrome. I do get it in my vscode terminal though...
@isaias3276
@isaias3276 19 күн бұрын
13:24 as simple as that!? 🤯 Goodbye reat-router 😌
@IINoirII
@IINoirII Ай бұрын
How do we validate form data in Server Action?
@aburaihan-py4vi
@aburaihan-py4vi Ай бұрын
great!!!!❤
@jeroincababat565
@jeroincababat565 Ай бұрын
3:44 Hi, I have a question why not to use turbopack?
@Codevolution
@Codevolution Ай бұрын
Tbh, you could if you want to! I just haven't used it yet myself
@jeroincababat565
@jeroincababat565 Ай бұрын
@@Codevolution Thank you :)
@gheorghe-valer
@gheorghe-valer Ай бұрын
nice ❤
@shadowMKW
@shadowMKW Ай бұрын
should i use next.js with express? i know that next is fullstack and already has its API features but i still want more like a distinctive backend especially since it requires database and complex stuff. i like next.js and want to use it only because of its simple file-based app routing system and layouts
@preetmistry
@preetmistry Ай бұрын
you are awsome
@Bdnr7
@Bdnr7 Ай бұрын
Why not when using turbopack and @alias?
@ramakrishnamogilipuri1647
@ramakrishnamogilipuri1647 Ай бұрын
could you please make videos for monorepo with nx
@wesleymouedineassaby1035
@wesleymouedineassaby1035 Ай бұрын
Awesome, would be great to do the same but using sqlite!
@Codevolution
@Codevolution Ай бұрын
For which part of the video would that be?
@eillioniscreating
@eillioniscreating Ай бұрын
waiting for in depth course sir
@nobunlimited2655
@nobunlimited2655 Ай бұрын
Thank You
@chinyetumeprudence1591
@chinyetumeprudence1591 Ай бұрын
I'm currently taking the Next.js 14 series. Do you advise me to leave it and focus on this one? Your opinion is welcomed
@Codevolution
@Codevolution Ай бұрын
Finish this crash course and then dive into that :)
@harvindersingh9170
@harvindersingh9170 2 сағат бұрын
When your next.js 15 series is coming? Please upload it, I am eagerly waiting...
@LinhNguyen-gx5fb
@LinhNguyen-gx5fb Ай бұрын
Please make cypress test with react or nextjs
@anouermokrane7251
@anouermokrane7251 Ай бұрын
Hi sir, Should i watch prev course for next14 before watch this course
@Codevolution
@Codevolution Ай бұрын
Nope. You can start here for the fundamentals :)
@GokhanEkici-ju3jv
@GokhanEkici-ju3jv Ай бұрын
40:00 THX
@MikeHudsontek
@MikeHudsontek Ай бұрын
The 2 second delay doesn't work for me. Should it work like this when fetching data on the server? EDIT: looks like the delay works but the loading message isn't displayed
@AaronNGray
@AaronNGray Ай бұрын
Why are you using non standard third party package? I don't want to be guided off in some random direction !
@2pac2pac2pac
@2pac2pac2pac Ай бұрын
i upgrade my project from 14 to 15,and i have problem when i run the project with turbopack error? how to get rid of it
@anshumankhanna8296
@anshumankhanna8296 Ай бұрын
15 has added a lot of changes in caching, handling requests and much more, it's probably the new features that are conflicting in a way I had encountered an error where getting the params of a route was causing an error because 15 requires you to get params as a promise unlike 13 and use await for using accessing properties inside of params So, you will definitely need to read the documentation and narrow down your error to some new update
@shaiksadhik1221
@shaiksadhik1221 Ай бұрын
Hi viswas, can u please make a complete series on Express with mongodb
@Codevolution
@Codevolution Ай бұрын
In 2025 perhaps :)
@shaiksadhik1221
@shaiksadhik1221 Ай бұрын
Thanks viswas. Waiting for your express n mongoDB series
@dummymail2495
@dummymail2495 Ай бұрын
Please make a complete and robust and industry standard video for authentication and authorization from scratch w/o using any auth frameworks like nextauth and clerk.
@Codevolution
@Codevolution Ай бұрын
That won't happen, sorry. Your ask is similar to writing web apps without using React/Next.js. Why would you not use great tooling available to you?
@ManishGupta-nv5by
@ManishGupta-nv5by Ай бұрын
@@dummymail2495 bro, there is a term service based companies , these companies provide services to other companies. I don't know about super companies , but mid to small companies buy services from them like authentication , dbs etc. And most companies have their own authentication and Authorization and if not they are getting from somewhere. :)
@piyushtyagi4143
@piyushtyagi4143 Ай бұрын
@@Codevolution Completely makes sense. People are literally wasting their time just to setup authentication apis in express for sake of satisfaction.
@kushsharma862
@kushsharma862 Ай бұрын
@@piyushtyagi4143 No bro , he's somewhere right like when you'll be building some companies personal signup login , they'll not be using any third party library for that , you've to build that from scratch
@ManishGupta-nv5by
@ManishGupta-nv5by Ай бұрын
Bro continue on nextjs. Make 3 more video intermideate advance expert 😂 . Well I really looking for your videos
@gachaworld656
@gachaworld656 Ай бұрын
what extension you using
@King-qh4jj
@King-qh4jj Ай бұрын
Nice and straightforward tutorial, but I encountered an error at the "client-server" part of the video. I followed the steps but I get an error saying "Error: self-signed certificate in certificate chain"{code: "SELF_SIGNED_CERT_IN_CHAIN"}
@pemrograman-cepat3393
@pemrograman-cepat3393 Ай бұрын
What is easier nextjs or laravel?
@mehmethanifierenler3612
@mehmethanifierenler3612 Ай бұрын
thanks
@bharatdubey83
@bharatdubey83 Ай бұрын
Please launch new React series. the current playlists are outdated.
@user-ks2wu3jf7n
@user-ks2wu3jf7n Ай бұрын
What is the pre requisite to watch this video???
@Codevolution
@Codevolution Ай бұрын
Hey, I've mentioned it all in the video :)
@haiderjaafer8164
@haiderjaafer8164 Ай бұрын
What's Turbopack... What's used for
@CarlosCalvoG
@CarlosCalvoG 23 күн бұрын
🔥
@ManishGupta-nv5by
@ManishGupta-nv5by Ай бұрын
I didn't complete next14 (in 50s). Here bro comes with nextjs 15 😂
@BrightAnime
@BrightAnime Ай бұрын
Complete it, that's way comprehensive than this one... This is just a review of what's in there, plus other additional stuff such as authentication...
@ManishGupta-nv5by
@ManishGupta-nv5by Ай бұрын
@BrightAnime well I will definitely finish that one. I am currently making decent complete site with nextjs. Because I am not much of theory guy. But thanks bro for your reply I appreciate it. :)
@mohammadfarhadi9407
@mohammadfarhadi9407 Ай бұрын
Why my comment has been deleted?! Which one should I watch or watch first? Next 14 playlist or this one?!
@Codevolution
@Codevolution Ай бұрын
Start with this video
@raghavenderkuppireddy7158
@raghavenderkuppireddy7158 Ай бұрын
❤❤❤
@sahilpatil9001
@sahilpatil9001 Ай бұрын
Typescript jaruri ha isliye ??
@Codevolution
@Codevolution Ай бұрын
Not really. You will understand most of it with just JavaScript
@haiderjaafer8164
@haiderjaafer8164 Ай бұрын
I always got problems with nextjs 15 especially when installing npm packages today i faced with drawer shadcn-ui... Is the problem in next js or something else
@dhruvverma1001
@dhruvverma1001 Ай бұрын
Nextjs has better Link component which has active state already built in
@Codevolution
@Codevolution Ай бұрын
Would you mind sharing a link to that?
@desmondgoldsmith2409
@desmondgoldsmith2409 Ай бұрын
❤❤❤❤❤❤❤
@peiru7940
@peiru7940 Ай бұрын
🥳!!!
@a.k.msimsi6096
@a.k.msimsi6096 Ай бұрын
Can you do . NET Core beginner tutorial ? Please
@Codevolution
@Codevolution Ай бұрын
Not any time soon sorry. I focus on the JS eco system primarily
@hendoitechnologies
@hendoitechnologies Ай бұрын
PHP latest version full course for developers please
Next.js 15 Breakdown (Everything You Need To Know)
18:10
Web Dev Simplified
Рет қаралды 83 М.
Learn Next.js 15 Routing Files in 30 Minutes
33:37
Codevolution
Рет қаралды 15 М.
The evil clown plays a prank on the angel
00:39
超人夫妇
Рет қаралды 53 МЛН
Арыстанның айқасы, Тәуіржанның шайқасы!
25:51
QosLike / ҚосЛайк / Косылайық
Рет қаралды 700 М.
How to treat Acne💉
00:31
ISSEI / いっせい
Рет қаралды 108 МЛН
React 19 is FINALLY Here! Major Changes You Should Know
5:58
Codevolution
Рет қаралды 29 М.
Breaking Up with Next.js 💔
20:48
Piyush Garg
Рет қаралды 58 М.
Next.js vs. Vite - Worth migrating to Vite?
9:17
snackableCTO
Рет қаралды 5 М.
React Tutorial for Beginners
1:20:04
Programming with Mosh
Рет қаралды 3,6 МЛН
Is Next.js 15 any good? "use cache" API first look
8:16
Beyond Fireship
Рет қаралды 125 М.
NextJS Tutorial - All 12 Concepts You Need to Know
44:38
ByteGrad
Рет қаралды 360 М.
the most important Next.js features to learn (in 8 minutes)
8:26
Web Dev Cody
Рет қаралды 67 М.
Next js Tutorial for Beginners | Nextjs 13 (App Router) with TypeScript
1:02:55
Programming with Mosh
Рет қаралды 769 М.
The evil clown plays a prank on the angel
00:39
超人夫妇
Рет қаралды 53 МЛН