Next.js Full Course 2024 | Learn Next.js 14 In One Video | 14 Hours

Поділитися
Вставка
  • Опубліковано 19 лис 2024

КОМЕНТАРІ • 256

  • @davidallred991
    @davidallred991 3 місяці тому +67

    Have not watched it yet, but anyone that puts a 14 hour course for free deserves a comment and like for the effort.

  • @user-rdr1712
    @user-rdr1712 6 місяців тому +41

    [May 10] watched upto 1:03:29
    [May 11] practised upto 1:03:29
    [May 11] watched upto 1:28:55
    [May 11] practised upto 1:28:55
    [May 11] watched upto 2:20:33
    [May 19] watched upto 3:40:40

    • @Me-nh3pt
      @Me-nh3pt 4 місяці тому +3

      completed i suppose❤

    • @sujay3720
      @sujay3720 2 місяці тому +1

      Come back here bro if not completed
      you need to complete this
      dont give up

    • @wesleyarya4310
      @wesleyarya4310 2 місяці тому +1

      Hey where are you ?? Did you stopped it? Come on man. You want to finish it ❤❤

    • @abhishek6519
      @abhishek6519 2 місяці тому +1

      waiting for your response

  • @coolwithsaquibaquib
    @coolwithsaquibaquib Місяць тому +6

    0:00:00 - 1:04:00- Basic segment routing ✅
    1:04:00 - 1:19:37- Server Side Data Fetching ✅
    1:19:38 - 1:28:00- Server Side Data Fetching ✅
    1:28:01 - 2:00:45- Recipe App ✅
    2:20:30 - 4:27:00- User Management ✅
    5:45:00- To be continue

  • @abdulqadeer-mu9ie
    @abdulqadeer-mu9ie 3 місяці тому +6

    have watched 2 hours and it gets more and more interesting, this video deserves more than 10Million views

  • @clashharsha6430
    @clashharsha6430 5 місяців тому +19

    perfect video for those who has knowledge on react and want to learn next js , GOOD JOB ON THE VIDEO 👍👍

  • @Aditya.Rawat45
    @Aditya.Rawat45 6 місяців тому +24

    I haven't watched the video yet,but i can surely say this is going to be insane!
    And hats off to your hardwork and this 14 hour long tut

  • @AhkarShweBaw
    @AhkarShweBaw 21 день тому

    Man! you can explain like I am five. I'm done the blog project and the process going on. Thanks!!! a million

  • @lalitsingh-de1md
    @lalitsingh-de1md 6 місяців тому +17

    trust me this beginner freindle tutorial is needed and you keep explaining everything ..thanks a lot......bring more good projects with full explanation

    • @solarsystem9156
      @solarsystem9156 5 місяців тому +1

      Hey, do you know how to upload 'blog app' made by this sir on vercel? During my deployment, it is showing me that 'localhost:3000' {this part is written in 'update' code snippet} is causing an error.

  • @luffydono0
    @luffydono0 16 днів тому

    day 1 (3 NOV):- Watched upto 25:00 also started NNN
    busy in working frontend projects
    day 2 16 nov :- watched till 1:19:45 (already lost NNN before 10 nov)
    i will try to integrated dynamic route in my webpage now
    day 3 17 nov:- watched till

    • @pung5859
      @pung5859 13 днів тому

      is it worth to watch?

    • @luffydono0
      @luffydono0 3 дні тому

      @@pung5859 yep
      with this i also used chai aur code next auth and successfully created 3 projects

  • @Aman_yadav1419
    @Aman_yadav1419 6 місяців тому +15

    Need a time for completing this video... Definitely I will complete this video and learn alot concepts

  • @akashbawanthade2042
    @akashbawanthade2042 3 місяці тому +1

    Bro hands off. What motivational guy you are. Who making such a long video 💪💪💪💪

  • @Syed-s9z3p
    @Syed-s9z3p 27 днів тому

    perfect video
    I am watched 4 hours video.
    This is best for beginner to advance
    Lots of Love

  • @hendoitechnologies
    @hendoitechnologies 3 місяці тому +1

    We started learning Next JS ...Really thanks for your video...and Effort... soon expecting Typescript full course video for complete beginners...

  • @solarsystem9156
    @solarsystem9156 5 місяців тому +5

    Appreciate your efforts bhaiya. Truly a gem on youtube

  • @muxtech9046
    @muxtech9046 5 місяців тому +2

    bai kamal ka course a , easy to grasp such knowledge , appriciate your efforts, asaan basha me smhaya bai ny !!!!!

  • @newwayenglish-91
    @newwayenglish-91 6 місяців тому +7

    The best thing i found in this video is that you console.log (every things). It is usefull for newbie to understand. Keep going bro!

    • @hameeeed5992
      @hameeeed5992 5 місяців тому

      Agree

    • @solarsystem9156
      @solarsystem9156 5 місяців тому

      Hey, do you know how to upload 'blog app' made by this sir on vercel? During my deployment, it is showing me that 'localhost:3000' {this part is written in 'update' code snippet} is causing an error.

  • @solarsystem9156
    @solarsystem9156 5 місяців тому +3

    Bhaiya, Thank you so much for creating such a video. It has really really helped me a lot. Such indepth explanation in video, is just speechless!
    I am writing code along with your video bhaiya

  • @jopadjr
    @jopadjr 6 місяців тому +3

    1.7k+...Thanks. This will be a great series.

  • @chandantalreja08
    @chandantalreja08 4 місяці тому +1

    wow really loved this detailed video on nextjs. Please bring Angular video like this as there isn’t any detailed video explaining Angular

  • @NurioonSoftware
    @NurioonSoftware 5 місяців тому +1

    Last Project is great, you are the GOAT ❤

  • @Hamza__Sardar_Khan
    @Hamza__Sardar_Khan 6 місяців тому +3

    Thats the best of Courses out there .. Shoutout to you for not only creating such Course but also Making it available for all . Lots of Love & Respect from Pakistan ,Keep up the Good work ...

  • @williamslynda261
    @williamslynda261 6 місяців тому +3

    Amazing video, covered the most important concept without bogus, good work👌

  • @shihvam
    @shihvam Місяць тому

    Completed till 5:29, nice tutorial

  • @ai.girl.divya_
    @ai.girl.divya_ 2 місяці тому +1

    very excited to watch complete video

  • @AntonSmatanik
    @AntonSmatanik 4 місяці тому +2

    quite a long video, but very helpful. it would help a lot if you could do the chapters in YB -> timings with names

  • @hritiksachdeva1817
    @hritiksachdeva1817 2 місяці тому

    perfect video i recently done react.js now time to move to next.js you deserve million views bro Content is great ,easy to understand keep going

  • @evans2787
    @evans2787 6 місяців тому +3

    Can't wait to jump in. Thank you for all the time you put into this.

  • @akashprasad3568
    @akashprasad3568 2 місяці тому

    OMG best video on next14

  • @jackjian3190
    @jackjian3190 Місяць тому

    Best next vid so far!

  • @saikumar7247
    @saikumar7247 3 місяці тому

    bro u have created 25 react js projects part-1 and part -2 create like that in next js also bro thats very helpfull for us

  • @kangroasting8933
    @kangroasting8933 Місяць тому +2

    very very thank you sir your explain is easy to understand

    • @kangroasting8933
      @kangroasting8933 Місяць тому

      [day 2]: 5:29:00

    • @kangroasting8933
      @kangroasting8933 Місяць тому

      [day 4] 6:23:00

    • @baazigar5
      @baazigar5 Місяць тому

      Can i follow this course without having knowledge of nodejs and mongodb?

    • @kangroasting8933
      @kangroasting8933 Місяць тому

      @@baazigar5 absolutely yes

    • @kangroasting8933
      @kangroasting8933 Місяць тому

      @@baazigar5 in my opinion this video tutorial is perfect for me

  • @ChiragKr-pu4hf
    @ChiragKr-pu4hf 5 місяців тому +5

    If anyone gets an error at 7:11:20 , they should use clerkMiddleware instead of authMiddleware, as authMiddleware is deprecated.

    • @solarsystem9156
      @solarsystem9156 5 місяців тому

      Yes!
      import { clerkMiddleware, createRouteMatcher } from "@clerk/nextjs/server";
      const isPublicRoute = createRouteMatcher(['/', '/sign-in(.*)', '/sign-up(.*)']);
      export default clerkMiddleware((auth, req) => {
      if(!isPublicRoute(req)){
      auth().protect()
      }
      });
      // Now if I try to go to any other route other than 'isPublicRoute', it will not get loaded* . This is the use of above middleware
      export const config = {
      matcher: ["/((?!.*\\..*|_next).*)", "/", "/(api|trpc)(.*)"],
      };

  • @Leesdjo
    @Leesdjo 6 місяців тому +1

    I just want to appreciate your time and effort because this video doesn't cover only the basics but all we need to know. Thank you so much for the wonderful tutorial.

  • @NCoder03
    @NCoder03 5 місяців тому +2

    Well done & keep it up bro 👍

  • @josepholatilo927
    @josepholatilo927 4 місяці тому

    Grate Job! Sang.
    I wish i could give all your videos/projects 10k likes each. As my contribution to support your uncommon efforts.

  • @javierrivasseau8956
    @javierrivasseau8956 5 місяців тому

    Love u sangam, you are the best... watched totally your freecodecamp react video and this video.
    Greets from Argentina.

  • @solarsystem9156
    @solarsystem9156 5 місяців тому

    Video completed at 12:53pm , 16-6-24. Thank you bhaiya for creating this video. I have seen all the dates and time when you have made the video. This is probably one of the best courses of nextjs I m sure.
    You were always calm throughout the 14hrs, so I always felt like this is easy. No words left...
    Also the CSS which you are writing in one go.. like how many time did you actually need to write bhaiya so that you can write in one go for video... Looking that from a new learner perspective, It would be little hard for me write that fast css without even previewing it .. how did you do bhaiya?

  • @solarsystem9156
    @solarsystem9156 5 місяців тому +3

    KeyNotes while I completed this video:
    1) Do everything in .env file, though bhaiya hasn't done
    for ex:
    NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=abc
    CLERK_SECRET_KEY=def
    NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
    NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
    MONGODB_URI=huehue
    NEXT_PUBLIC_SUPABASE_API_KEY=sus
    NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=haa
    STRIPE_SECRET_KEY=gg
    I have used written in this way and during importing I have done
    import {dotenv} from dotenv
    dotenv.config({ path: '.env.local' });
    then:
    (for ex)
    const stripe = require('stripe')(process.env.STRIPE_SECRET_KEY)

  • @deekshithaparasu
    @deekshithaparasu Місяць тому

    bro one request please draw and explain the concept ! apart from that everything is best thank you for this course

  • @vrfEducation
    @vrfEducation 7 днів тому

    super-duper tutorial bro

  • @saksham_garg_07
    @saksham_garg_07 Місяць тому

    Watching begins.....
    [Sept 26] watched till 0:37:22
    [Sept 27] watched till 1:30:55
    [Sept 28] watched till 2:00:32
    [Sept 30] watched till 2:45:53
    [Oct 1] watched till 3:14:51
    [Oct 2] watched till 4:27:40

  • @abbas__00
    @abbas__00 6 місяців тому +1

    i have been wondering why your channel is so underrated ?🤥
    Need a react native full fledge course with a wonderfull projects and also need a video on MERN stack.........thank you !

    • @odevperovano
      @odevperovano 6 місяців тому

      we need to interact with it and share!

    • @solarsystem9156
      @solarsystem9156 5 місяців тому

      Hey, do you know how to upload 'blog app' made by this sir on vercel? During my deployment, it is showing me that 'localhost:3000' {this part is written in 'update' code snippet} is causing an error.

  • @AdinaiZh
    @AdinaiZh 4 місяці тому

    Thank you for the video, very helpful. Maybe It would be nice to add some timespans or something like that, because video is long)))

  • @shihvam
    @shihvam Місяць тому +1

    Waiting for advanced next js tutorial

  • @spectrotsu6629
    @spectrotsu6629 6 місяців тому

    Watched your react project videos that was awesome now nextjs I am overwhelmed thank you sangam bhau

  • @throwawayaccount5464
    @throwawayaccount5464 Місяць тому

    OMG thanks dude this is amazing ....I subbed

  • @liiinx_com
    @liiinx_com 6 місяців тому +1

    VERY HELPFUL. Thank you for the effort.

  • @AlokTiwari602
    @AlokTiwari602 Місяць тому

    great course brother ..loved it...

  • @raouffilali9617
    @raouffilali9617 6 місяців тому

    ma man you deserve a trophy Thank you ❤❤

  • @vijaykoladara8302
    @vijaykoladara8302 6 місяців тому

    First like and comment. Then I started watching video

  • @codeviseofficial
    @codeviseofficial 2 місяці тому +1

    [24 August] watched up to 01:29:00
    [25 August] watched up to 03:14:00
    [26 August] practiced Blog Application

  • @defecodedefecode
    @defecodedefecode 5 місяців тому

    nice brother. good video and easy to understand. greeting from 🇮🇩.

  • @daynuxer
    @daynuxer 3 місяці тому

    MasyaAllah Barakallah Alhamdulillah

  • @maosamoelaabraham5012
    @maosamoelaabraham5012 2 місяці тому

    Liked, commented and subscribed...👌👌👌

  • @ArchIntelLTD
    @ArchIntelLTD 23 дні тому

    Thank you for the education. Please can you integrate redux, redux-persist in a nextjs project? how do you manage/persist data/state in a nextjs project?

  • @akshaysalunkhe3226
    @akshaysalunkhe3226 5 місяців тому +1

    Very helpful thank you ❤

  • @myselfSrijit
    @myselfSrijit 2 місяці тому +1

    From today I start this course. let's aim to complete in 20 days |
    DATE | Complete
    ---------------------------------
    12/9/24 | 1:40:00
    26/9/24 3:50:00 was busy for some reason

  • @muhammadadeelashraf7864
    @muhammadadeelashraf7864 2 місяці тому

    Great job Bro , keep motivated

  • @asifmallick371
    @asifmallick371 5 місяців тому

    Hi Sangam , I loved this nextjs course . Please make one for React Native as well please ❤

  • @niteshprajapat7918
    @niteshprajapat7918 6 місяців тому +1

    Thank you ❤🎉
    This is must needed video ❤

  • @letsspeakwithlearnenglish6371
    @letsspeakwithlearnenglish6371 6 місяців тому +1

    Wow, thanks for sharing amazing content

  • @ketan.pkapale3490
    @ketan.pkapale3490 6 місяців тому

    Please continue to make these kind of videos

  • @rahulkapure3903
    @rahulkapure3903 6 місяців тому

    Thank you so much sirrrrrr,tussi great ho🙏🏻🙏🏻

  • @nextleveltech267
    @nextleveltech267 3 місяці тому

    Thank you so much ❤️🙏🙏

  • @mouhameddiouf5085
    @mouhameddiouf5085 5 днів тому

    great job !

  • @KAUSHIK-lh9lw
    @KAUSHIK-lh9lw 5 місяців тому

    new subscriber here, please dada Reach r jnno ekta course release koro❤‍🔥❤‍🔥

  • @ReadingRecess1
    @ReadingRecess1 6 місяців тому

    was waiting since too long. Thanks a lot bro.

  • @kash_codes
    @kash_codes 2 місяці тому

    Thank You Man!!!!

  • @gabrielchima3257
    @gabrielchima3257 6 місяців тому

    I am on the video at the moment, I know it gonna be awesome💕💕💕💕

  • @tarifahmed4956
    @tarifahmed4956 2 місяці тому

    love you bhaiya

  • @odevperovano
    @odevperovano 6 місяців тому +1

    thanks man, congratulation!

    • @solarsystem9156
      @solarsystem9156 5 місяців тому

      Hey, do you know how to upload 'blog app' made by this sir on vercel? During my deployment, it is showing me that 'localhost:3000' {this part is written in 'update' code snippet} is causing an error.

  • @karthikyerra67
    @karthikyerra67 6 місяців тому

    Bro...Where did you come from?...Mind bending course... I have seen many videos, they are all teaching all unneccessary stuff saying Next Js for beginners. This is the perfect starting. ❤❤Love from ITC Infotitan...

  • @tsahmed.2
    @tsahmed.2 3 місяці тому

    So helpful ❤

  • @InviAnuragPandey
    @InviAnuragPandey 6 місяців тому +1

    Bro Please upload complete react course beacause we are all dependent on you. You have uploaded just 21 videos on youtube

  • @dreamsachiever212
    @dreamsachiever212 6 місяців тому

    thanks for the hardwork delivered

  • @mr.syconium
    @mr.syconium 6 місяців тому

    Love you brother and keep it up ❤

  • @overledge8073
    @overledge8073 5 місяців тому

    Hats off to you 🎉

  • @artpainting3190
    @artpainting3190 6 місяців тому

    Thank you i really need it early

  • @abdulrazzak2934
    @abdulrazzak2934 6 місяців тому

    thanks for this videos everything including projects

  • @solarsystem9156
    @solarsystem9156 5 місяців тому +1

    Reminder to self, completed till 11:09:40. All code writing are done in parallel with the video
    Date; 15/6/24
    Time: 2:37pm
    Aim: Complete by today
    After seeing the lecture till here.. I am feeling like its easy only.. just its the interconnections which you made are making sense now. I am wondering, how did you even start making the interconnections because now I see that each thing is related to each other.
    Hats off bhaiya!! Appreciate it truly

    • @SravanKumar-lk6jw
      @SravanKumar-lk6jw 5 місяців тому

      can we work as a 1year next js experience guy after completion of the course? As per ur experience bro

    • @solarsystem9156
      @solarsystem9156 5 місяців тому

      ​@@SravanKumar-lk6jw perfect video for those who has knowledge on react and want to learn nextjs. We can definitely work .. this video would gives you pretty good headstart on how everything works.
      suggested to watch !

  • @ramprasadchauhan7
    @ramprasadchauhan7 6 місяців тому

    Thank you sir for complete course ❤❤

    • @solarsystem9156
      @solarsystem9156 5 місяців тому

      Hey, do you know how to upload 'blog app' made by this sir on vercel? During my deployment, it is showing me that 'localhost:3000' {this part is written in 'update' code snippet} is causing an error.

  • @vilokmasuti4772
    @vilokmasuti4772 4 місяці тому

    appriciate your efforts

  • @raobrand5776
    @raobrand5776 6 місяців тому

    Thanks for dedicated this course

  • @Rohitkumar-vq1yk
    @Rohitkumar-vq1yk 2 місяці тому

    Thank you so much

  • @nachatra-sharm0
    @nachatra-sharm0 2 місяці тому

    Hello brother, please make a video on typescript thanks 🙏❤

  • @ankandas596
    @ankandas596 6 місяців тому

    সেরা ভাই ❤

  • @MAX_RITIK
    @MAX_RITIK 3 місяці тому +1

    You can use this to avoid multiple catch statent in every function this is very helpful
    this is in nodejs just need a little tweaking to work in nextjs
    // asyncHandler is a function that takes another function (fn) as an argument
    const asyncHandler = (fn) => {
    // It returns a new function that takes req, res, and next as arguments
    return (req, res, next) => {
    // Call the function (fn) and ensure it returns a promise
    Promise.resolve(fn(req, res, next))
    .catch(error => {
    // If there's an error, respond with a 500 status code and the error message
    res.status(500).json({ Message: error.message });
    });
    };
    };
    export default asyncHandler;

  • @ayaanyoutuber4168
    @ayaanyoutuber4168 3 місяці тому

    Helpful Contant✌

  • @aniketpandit7448
    @aniketpandit7448 6 місяців тому

    Good work bro, salute

  • @skutal
    @skutal 5 місяців тому

    Great job brother..

  • @Super_Smile_G
    @Super_Smile_G 6 місяців тому

    Wonderful brother ❤

  • @PemaWangchuk-w7y
    @PemaWangchuk-w7y 6 місяців тому

    Looks like you are from India? Are you? great to watch this, man. Keep it up.

  • @hameeeed5992
    @hameeeed5992 5 місяців тому +1

    Thanks

  • @NikhilGupta-iv7ii
    @NikhilGupta-iv7ii 3 місяці тому

    hey
    can you upload a document with comparison of server side component and client side component
    example for client side we can use useRouter but for server-side component we have to use Link or navLink because on server side component we can't use react hook(useRouter)
    It's a request
    it will help lot of people to avoid confusion for server side and client side

  • @irfansaeedkhan7242
    @irfansaeedkhan7242 6 місяців тому

    well needed video

  • @noelkitonga
    @noelkitonga 6 місяців тому

    Great job San

  • @Yesterday_i_ate_rat
    @Yesterday_i_ate_rat 6 місяців тому

    Thank you so much ❤❤❤

  • @ropurifiedwater
    @ropurifiedwater 6 місяців тому

    really need the react native video soon sir

  • @mesmerizermesmerizeramr6492
    @mesmerizermesmerizeramr6492 27 днів тому

    Bro , video to like kardi .but kuch Hum HINDI MEDIUM walo ke liye bhi bna do ta jo hamko bhi kuch samaj aa paye. Hum tum logo jaise english medium mein padh nhi paye bro😢😢😢 plz hindi mein bnao video

  • @kartikmishra3940
    @kartikmishra3940 6 місяців тому

    Please upload the advance concept of the NextJS video