Learn Next.js 15 in 1 hour - Beginner Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 24 พ.ย. 2024

ความคิดเห็น • 130

  • @touseefghazanfar8487
    @touseefghazanfar8487 21 วันที่ผ่านมา +17

    Learning Next JS from my favorite instructor is a dream come true. ❤

  • @codewithjahid2685
    @codewithjahid2685 21 วันที่ผ่านมา +33

    Waiting for the next 15 detail sessions .

  • @VirtualSobriety-LNKC
    @VirtualSobriety-LNKC 9 วันที่ผ่านมา +1

    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 21 วันที่ผ่านมา +6

    Nice and straight to the point...

  • @chanrox69
    @chanrox69 13 ชั่วโมงที่ผ่านมา

    I could do well in my interviews because of you.

  • @ast453000
    @ast453000 11 วันที่ผ่านมา +1

    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!

  • @andrewmiddleton2308
    @andrewmiddleton2308 18 วันที่ผ่านมา

    Nice and concise, no time wasting, thank you!

  • @gauravkumar-oy9mj
    @gauravkumar-oy9mj 20 วันที่ผ่านมา +4

    Ek hi to dil h , kitni baar jitoge sir ji ❤

  • @yumeileventhal3069
    @yumeileventhal3069 8 วันที่ผ่านมา

    Excellent explanation of the basics!

  • @yabidaboy8765
    @yabidaboy8765 10 วันที่ผ่านมา

    Nice and straight to the point, i hope you added SSR,SSG,ISG for data fetching

  • @humayunkabir-jl9tj
    @humayunkabir-jl9tj วันที่ผ่านมา

    Very well explained. Thank You

  • @soumadip_banerjee
    @soumadip_banerjee 11 วันที่ผ่านมา +2

    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!

  • @miguelpena5450
    @miguelpena5450 16 วันที่ผ่านมา

    Very useful introduction to Next.js 15, thanks a lot.

  • @dilshodrahmatov3058
    @dilshodrahmatov3058 7 วันที่ผ่านมา

    Perfect! Clean explained!

  • @radoslavrac8619
    @radoslavrac8619 20 วันที่ผ่านมา +3

    Thank you for this masterpiece 🙇👌

    • @Codevolution
      @Codevolution  20 วันที่ผ่านมา

      I'm glad you like it!

  • @maskman4821
    @maskman4821 19 วันที่ผ่านมา +1

    Thank you for this wonderful tutorial ❤

    • @Codevolution
      @Codevolution  18 วันที่ผ่านมา +1

      You're welcome!

  • @blaqhakym
    @blaqhakym 20 วันที่ผ่านมา

    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

  • @CristianRodriguez-zn4wp
    @CristianRodriguez-zn4wp 18 วันที่ผ่านมา

    Awesome explanation. I learn a lot from you.

  • @juniormed19
    @juniormed19 11 วันที่ผ่านมา

    Great course, congrats!!!

  • @rockbelleh6237
    @rockbelleh6237 20 วันที่ผ่านมา +2

    The best of d best vishwas 🔥🔥🔥🔥🔥

  • @PavanSibal
    @PavanSibal 17 วันที่ผ่านมา

    Thanks Suhaas. Great tutorial.

  • @usbeen9236
    @usbeen9236 14 วันที่ผ่านมา

    This was really helpful. Thank you.

  • @francis.lagares
    @francis.lagares 20 วันที่ผ่านมา

    Thanks for sharing this content.
    Just a side note in 46:15 you could also have used the new Form component along with useOptimistic() hook
    upon form submission which is one of the new key features in Next.js 15.

    • @Codevolution
      @Codevolution  20 วันที่ผ่านมา +2

      Yes indeed! Server actions in detail will be covered in the upcoming in depth Next.js 15 playlist :)

  • @ravinderreddykothabad2299
    @ravinderreddykothabad2299 18 วันที่ผ่านมา

    Great video, and waiting for the next 15 detail course

  • @new-in8yt
    @new-in8yt 2 วันที่ผ่านมา

    Thank you so much ♥
    i have a question :
    what should i use :
    revalidatePath or React Query or Usestate ?????

  • @phat80
    @phat80 20 วันที่ผ่านมา +5

    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  18 วันที่ผ่านมา

      Appreciate the kind words!

  • @bassamelsayed6228
    @bassamelsayed6228 20 วันที่ผ่านมา

    I was waiting u man ❤

  • @codebite590
    @codebite590 16 วันที่ผ่านมา +1

    Sir please make a dedicated video on Hydration Error that almost everybody face in Nextjs 15

  • @anshumankhanna8296
    @anshumankhanna8296 15 วันที่ผ่านมา

    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  15 วันที่ผ่านมา

      Thank you for pointing it out. That is a mistake indeed. Please use params: Promise

  • @thecodelogin
    @thecodelogin 19 วันที่ผ่านมา

    i was eagerly waiting for this.....

  • @IbrahimMouhsine
    @IbrahimMouhsine 14 วันที่ผ่านมา +1

    Hi Vishwas, can you add a flutter course?

  • @tamerahmed9860
    @tamerahmed9860 20 วันที่ผ่านมา

    Great efforts! Thank you

    • @Codevolution
      @Codevolution  18 วันที่ผ่านมา

      Appreciate the support!

  • @harunws
    @harunws 11 วันที่ผ่านมา

    Great tutorial.. 👍😎

  • @MikeHudsontek
    @MikeHudsontek 8 วันที่ผ่านมา

    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

  • @mt15explore
    @mt15explore 21 วันที่ผ่านมา

    Welcome backkkk 🎉

  • @kid_kulafu_1727
    @kid_kulafu_1727 7 วันที่ผ่านมา

    How can i support you?? This yhe most straight to the point tutorial ive ever seen. Please share your code brotha.

    • @Codevolution
      @Codevolution  7 วันที่ผ่านมา

      Please support by subscribing to the channel and sharing the video with others 🙏

  • @hannanprog
    @hannanprog 10 วันที่ผ่านมา +1

    Which color theme are you using in your Code Editor?

  • @dubekone
    @dubekone วันที่ผ่านมา

    Hey @Codevolution u will upload more of next 15? i was following the next14 series but idk if u continue with the serie

  • @thetchana
    @thetchana 9 วันที่ผ่านมา

    I like this tutorial.

  • @adisakjantrasopark7672
    @adisakjantrasopark7672 9 วันที่ผ่านมา

    At 33:25 miss the folder of "users-client" can't find in Github ..Big thank to your tutorial

  • @hackpiece3094
    @hackpiece3094 10 วันที่ผ่านมา

    Need full course ❤

  • @ashutosh_parihar_143
    @ashutosh_parihar_143 21 วันที่ผ่านมา +2

    Please make a video for 2+ years of work experience developer as a front end developer

    • @leibaalex6641
      @leibaalex6641 21 วันที่ผ่านมา +1

      would be nice, a video to show what tech should know a web dev with experience 2-3 years

    • @Codevolution
      @Codevolution  21 วันที่ผ่านมา +1

      Thank you for sharing your ideas for potential videos. I've noted this down :)

    • @ashutosh_parihar_143
      @ashutosh_parihar_143 21 วันที่ผ่านมา

      @@Codevolution Thanks vishwas

  • @shadowMKW
    @shadowMKW 16 วันที่ผ่านมา

    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

  • @PrithiviMagar-vv7vz
    @PrithiviMagar-vv7vz 20 วันที่ผ่านมา

    nice video love it 😍😍😍

    • @Codevolution
      @Codevolution  18 วันที่ผ่านมา

      Glad you liked it!

  • @wesleymouedineassaby1035
    @wesleymouedineassaby1035 18 วันที่ผ่านมา

    Awesome, would be great to do the same but using sqlite!

    • @Codevolution
      @Codevolution  18 วันที่ผ่านมา

      For which part of the video would that be?

  • @romainmt1777
    @romainmt1777 4 วันที่ผ่านมา

    Very nice video ! Thank you very much for your work !
    Do someone here knows what vscode theme is used here ?
    Thank you

  • @chinyetumeprudence1591
    @chinyetumeprudence1591 4 วันที่ผ่านมา

    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  4 วันที่ผ่านมา

      Finish this crash course and then dive into that :)

  • @aburaihan-py4vi
    @aburaihan-py4vi 20 วันที่ผ่านมา

    great!!!!❤

  • @KarthikeyanNatarajan2
    @KarthikeyanNatarajan2 20 วันที่ผ่านมา

    @Codevolution You're just amazing! Great way to explain concepts !

    • @Codevolution
      @Codevolution  18 วันที่ผ่านมา +1

      Glad you found the video helpful!

  • @shaiksadhik1221
    @shaiksadhik1221 20 วันที่ผ่านมา

    Hi viswas, can u please make a complete series on Express with mongodb

    • @Codevolution
      @Codevolution  18 วันที่ผ่านมา +1

      In 2025 perhaps :)

    • @shaiksadhik1221
      @shaiksadhik1221 17 วันที่ผ่านมา

      Thanks viswas. Waiting for your express n mongoDB series

  • @nobunlimited2655
    @nobunlimited2655 21 วันที่ผ่านมา

    Thank You

  • @dummymail2495
    @dummymail2495 20 วันที่ผ่านมา

    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  20 วันที่ผ่านมา

      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 20 วันที่ผ่านมา

      @@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 20 วันที่ผ่านมา

      @@Codevolution Completely makes sense. People are literally wasting their time just to setup authentication apis in express for sake of satisfaction.

    • @kushsharma862
      @kushsharma862 20 วันที่ผ่านมา

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

  • @LinhNguyen-gx5fb
    @LinhNguyen-gx5fb 21 วันที่ผ่านมา

    Please make cypress test with react or nextjs

  • @eillioniscreating
    @eillioniscreating 21 วันที่ผ่านมา

    waiting for in depth course sir

  • @anouermokrane7251
    @anouermokrane7251 20 วันที่ผ่านมา

    Hi sir, Should i watch prev course for next14 before watch this course

    • @Codevolution
      @Codevolution  20 วันที่ผ่านมา +1

      Nope. You can start here for the fundamentals :)

  • @preetmistry
    @preetmistry 15 วันที่ผ่านมา

    you are awsome

  • @King-qh4jj
    @King-qh4jj 4 วันที่ผ่านมา

    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"}

  • @gheorghe-valer
    @gheorghe-valer 18 วันที่ผ่านมา

    nice ❤

  • @ramakrishnamogilipuri1647
    @ramakrishnamogilipuri1647 3 วันที่ผ่านมา

    could you please make videos for monorepo with nx

  • @bharatdubey83
    @bharatdubey83 21 วันที่ผ่านมา +1

    Please launch new React series. the current playlists are outdated.

  • @ManishGupta-nv5by
    @ManishGupta-nv5by 21 วันที่ผ่านมา

    Bro continue on nextjs. Make 3 more video intermideate advance expert 😂 . Well I really looking for your videos

  • @AaronNGray
    @AaronNGray 21 วันที่ผ่านมา +1

    Why are you using non standard third party package? I don't want to be guided off in some random direction !

  • @mohammadfarhadi9407
    @mohammadfarhadi9407 19 วันที่ผ่านมา +1

    Why my comment has been deleted?!
    Which one should I watch or watch first? Next 14 playlist or this one?!

    • @Codevolution
      @Codevolution  18 วันที่ผ่านมา +1

      Start with this video

  • @mehmethanifierenler3612
    @mehmethanifierenler3612 21 วันที่ผ่านมา

    thanks

  • @VitaliiPodhornyi
    @VitaliiPodhornyi 11 วันที่ผ่านมา

    Hello sir. What's theme you use in VS Code ?

  • @GokhanEkici-ju3jv
    @GokhanEkici-ju3jv 14 วันที่ผ่านมา

    40:00
    THX

  • @nikhilchandraroy1094
    @nikhilchandraroy1094 16 วันที่ผ่านมา

    how to create api , manage api only in nextjs and how can we use database do we need to use clerk for it?

  • @MikeHudsontek
    @MikeHudsontek 8 วันที่ผ่านมา

    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

  • @Bdnr7
    @Bdnr7 16 วันที่ผ่านมา

    Why not when using turbopack and @alias?

  • @pemrograman-cepat3393
    @pemrograman-cepat3393 21 วันที่ผ่านมา

    What is easier nextjs or laravel?

  • @IINoirII
    @IINoirII 6 วันที่ผ่านมา

    How do we validate form data in Server Action?

  • @haiderjaafer8164
    @haiderjaafer8164 21 วันที่ผ่านมา

    What's Turbopack... What's used for

  • @a.k.msimsi6096
    @a.k.msimsi6096 20 วันที่ผ่านมา

    Can you do . NET Core beginner tutorial ? Please

    • @Codevolution
      @Codevolution  20 วันที่ผ่านมา

      Not any time soon sorry. I focus on the JS eco system primarily

  • @2pac2pac2pac
    @2pac2pac2pac 17 วันที่ผ่านมา +1

    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 วันที่ผ่านมา

      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

  • @gachaworld656
    @gachaworld656 18 วันที่ผ่านมา

    what extension you using

  • @jeroincababat565
    @jeroincababat565 20 วันที่ผ่านมา

    3:44 Hi, I have a question why not to use turbopack?

    • @Codevolution
      @Codevolution  20 วันที่ผ่านมา +1

      Tbh, you could if you want to! I just haven't used it yet myself

    • @jeroincababat565
      @jeroincababat565 20 วันที่ผ่านมา

      @@Codevolution Thank you :)

  • @haiderjaafer8164
    @haiderjaafer8164 21 วันที่ผ่านมา

    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

  • @sahilpatil9001
    @sahilpatil9001 19 วันที่ผ่านมา

    Typescript jaruri ha isliye ??

    • @Codevolution
      @Codevolution  18 วันที่ผ่านมา

      Not really. You will understand most of it with just JavaScript

  • @dhruvverma1001
    @dhruvverma1001 18 วันที่ผ่านมา

    Nextjs has better Link component which has active state already built in

    • @Codevolution
      @Codevolution  18 วันที่ผ่านมา

      Would you mind sharing a link to that?

  • @ManishGupta-nv5by
    @ManishGupta-nv5by 21 วันที่ผ่านมา

    I didn't complete next14 (in 50s). Here bro comes with nextjs 15 😂

    • @BrightAnime
      @BrightAnime 20 วันที่ผ่านมา

      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 20 วันที่ผ่านมา

      @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. :)

  • @user-ks2wu3jf7n
    @user-ks2wu3jf7n 21 วันที่ผ่านมา

    What is the pre requisite to watch this video???

    • @Codevolution
      @Codevolution  21 วันที่ผ่านมา

      Hey, I've mentioned it all in the video :)

  • @bobsmithy3103
    @bobsmithy3103 16 วันที่ผ่านมา

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

  • @hendoitechnologies
    @hendoitechnologies 19 วันที่ผ่านมา

    PHP latest version full course for developers please

  • @raghavenderkuppireddy7158
    @raghavenderkuppireddy7158 6 วันที่ผ่านมา

    ❤❤❤

  • @zoltanmolnar6956
    @zoltanmolnar6956 19 วันที่ผ่านมา

    I really dont know why it is next 15? you have copy pasted from 14? params ARE async now

  • @peiru7940
    @peiru7940 21 วันที่ผ่านมา

    🥳!!!

  • @desmondgoldsmith2409
    @desmondgoldsmith2409 18 วันที่ผ่านมา

    ❤❤❤❤❤❤❤

  • @rishiraj2548
    @rishiraj2548 21 วันที่ผ่านมา

    🙏🏻😎

    • @Codevolution
      @Codevolution  21 วันที่ผ่านมา

      Rishiraj, thank you for commenting on every single one of my videos. Apreciate the support!

  • @mddilshad28271
    @mddilshad28271 21 วันที่ผ่านมา

    can you pls share a ppt

  • @jkskh
    @jkskh 16 วันที่ผ่านมา

    32:01

  • @williamafrika4787
    @williamafrika4787 20 วันที่ผ่านมา

    Hello, Droped in an email for a course enquiry, Please check in..Thank You for the great works

  • @ikorofrancis9173
    @ikorofrancis9173 21 วันที่ผ่านมา

    😂 Just finished nextjs 14