NextJS Tutorial - All 12 Concepts You Need to Know

Поделиться
HTML-код
  • Опубликовано: 12 янв 2025

Комментарии • 299

  • @EnesKab
    @EnesKab 10 месяцев назад +29

    I am at the half of the video yet, and as a beginner, I learned more than all tutorials I watched combined so far. The I was really super confused and struggling with the new concepts and NextJS. A bird's eye-view from someone who really knows his stuff is enlightening. Thank you !

  • @jasonpieters
    @jasonpieters Год назад +82

    I only got half way through the video and bought your course. Very well explained and the ability to demonstrate these concepts on top of just talking about them is awesome.

    • @ByteGrad
      @ByteGrad  Год назад +7

      Awesome, thanks! 👍

    • @amanrubey
      @amanrubey 11 месяцев назад

      I'm kind of a beginner who knows only basic React and still I enjoyed this video so so much!

    • @nobytes2
      @nobytes2 5 месяцев назад +1

      @@ByteGradis the course in typescript?

  • @aryaamootaghi3248
    @aryaamootaghi3248 Год назад +17

    This guy is one of the very few best devs on nextjs I have ever seen with really clear delivery and the background on the topics. completely the opposite of indian toturials.
    keep up the great work.

  • @Dohzr
    @Dohzr Год назад +40

    Love your editing - very compact and to the point without any time wasting.

  • @prosperzegue6735
    @prosperzegue6735 10 месяцев назад +12

    I don't often comment tutorial or any RUclips video but this Next.js tutorial video's quality is very high from A to Z. Thank you so much. You are amazing !!!

    • @ByteGrad
      @ByteGrad  10 месяцев назад

      Glad it helped!

  • @AmodeusR
    @AmodeusR 9 месяцев назад +3

    This is really nice for someone liike me that couldn't practice Next.Js for the last months, having a quick review of essential concepts to know from NextJS. Thank you very much!

  • @heysahilsingh
    @heysahilsingh Год назад +19

    I’m following your channel from last 6 months, and honestly speaking content quality improved so well.

  • @ByteGrad
    @ByteGrad  Год назад +20

    My Professional React & Next.js course is OUT NOW now! Find it here: bytegrad.com/courses/professional-react-nextjs -- this is the #1 resource to master the latest React & Next.js, my absolute best work.

    • @yaldakarimi-l7y
      @yaldakarimi-l7y Год назад

      Can't wait :D Thank you for the great content you provide us with.

    • @kevinnguyen238
      @kevinnguyen238 Год назад +1

      Will the nextjs course be Next 14?

    • @ByteGrad
      @ByteGrad  11 месяцев назад

      @@kevinnguyen238 Yes, all the latest and greatest is in there :)

  • @LLikzy
    @LLikzy 9 месяцев назад +4

    This is legit the best A-Z Next.js tutorial out there, thank you

  • @MrBrady95
    @MrBrady95 10 месяцев назад +22

    It's funny I've heard people say, "Tailwind eliminates the need for coming up with class names." Before, that didn't seem like a big deal, but it actually 'clicked' when watching this video. The mental energy that goes into coming up with good, consistent class names is no small thing, not to mention maintaining greater consistency in CSS across projects. Makes sense to save the creativity for when it's needed, thanks.

    • @xXxRK0xXx
      @xXxRK0xXx 10 месяцев назад +12

      i feel like it takes more effort to look up tailwind css syntax than thinking of a classname...

    • @jibbish7148
      @jibbish7148 9 месяцев назад +5

      For me it took about 2 weeks to learn all the tailwind classnames. Now I feel like I will never go back to vanilla css

    • @ustav_o
      @ustav_o 8 месяцев назад +1

      once you start using it you will not ever want to go back

    • @edwarddrew5127
      @edwarddrew5127 7 месяцев назад

      For styling you're 100% right, however you should still have class names and/or id's for web analytics.

    • @ragtop63
      @ragtop63 7 месяцев назад

      @@xXxRK0xXxUntil you have 100, 200+ classes. Then you’re creating a spreadsheet to track your own classes and looking them up anyway. Better to let someone else do that work.

  • @havanapple5009
    @havanapple5009 Год назад +7

    Was watching some tutorials from other channels and was having trouble processing it all. I was starting to think I was the problem, but then I came to this vid and it all makes perfect sense. Subscribed

  • @KulturanCov
    @KulturanCov 9 месяцев назад +2

    Wow. Just wow. Seldom seen such a concise and clear video.
    Information like this is most often contained within 10x of the video size.
    Beautiful!

  • @Sakuraninini
    @Sakuraninini 3 месяца назад +2

    You are a great teacher, one of the very few who are able to explain in easy language that cover the main points. This actually wants me to purchase your course.

  • @airixxxx
    @airixxxx Год назад +19

    Great as always, loved the mini deploy tutorial at the end.

  • @MikiStec
    @MikiStec 10 месяцев назад +2

    Best NextJS tutorial ever. Congrats, you've explained the basics and the simple way. Helped a lot!

  • @ScriptRaccoon
    @ScriptRaccoon Год назад +18

    I just LOVE the pace and editing here. As someone who is familiar with other frameworks it is very refreshing to not hear any boring old stuff but only what's essential and important.
    Surely the video is not accessible to beginners, but not every video has to be.
    I also noticed a lot of similarities with SvelteKit by the way.

  • @ronaldboutilier5925
    @ronaldboutilier5925 5 месяцев назад +2

    I really like this. Just straightforward, quick intros to the important concepts. I can then pursue further studies while having a good overview.
    So much better than these silly "tutorials" that are little more than typing videos.

  • @kimbapslayer1995
    @kimbapslayer1995 5 месяцев назад +1

    I’m a at least a hr level react developer but I learned a lot. The way you explained it mad em understand everything on a deeper level to where I could teach someone. Suspense explanation was legendary bro.

  • @BingoBongoBengo
    @BingoBongoBengo 5 месяцев назад +1

    Surpised at how good this was, really appreciate the in depth deployment section at the end too!

  • @zainsyed9811
    @zainsyed9811 Месяц назад +1

    Wow such a good overview of nextjs. So much information in 1 hour, great starting point before jumping into a course.

  • @jysngify
    @jysngify 3 месяца назад +1

    these should be a badge to these kind of channel, glad it's recommended fully loaded. loved the quality content provided.

  • @oludamolaijimade9018
    @oludamolaijimade9018 10 месяцев назад +1

    I needed to pause this video to find out the genius behind it. I love this tutorial and I am definitely getting your course.

    • @ByteGrad
      @ByteGrad  10 месяцев назад

      Awesome, thanks! :)

  • @learning_trespasser
    @learning_trespasser Год назад +9

    came here to kickstart my nextjs learning path, you taught more than that, I loved the hosting part, you explained very well.
    I just loved your explanation 😍😍😍😍

  • @voldemortvi4264
    @voldemortvi4264 Год назад +3

    YES , YEEEES!! i was waiting for you to make a video about NextJS before i start it , thank you !

  • @muriminyaga
    @muriminyaga 3 месяца назад +1

    I did a simple nextJS app 3 years ago and wanted a crash course to take me back to the zone.. This is great.

  • @marvinotieno2194
    @marvinotieno2194 11 месяцев назад +1

    I just came across this channel and its definitely making my life easy getting started with Next JS

  • @akramnarejo6221
    @akramnarejo6221 10 месяцев назад +2

    After watching for a few seconds I double checked my player speed settings. literally you're very smooth and conveying 100%.

  • @_di_su
    @_di_su Год назад +1

    best tutorial i've ever watched for anything code related. very well done thank you

  • @theleo2094
    @theleo2094 11 месяцев назад

    CLEAR. DIRECT. OBJECTIVE. EXCELLENT. Wish every web dev tutorial on the Internet was like this!

  • @deepmane5845
    @deepmane5845 Год назад +1

    after watching so many videos of NextJs I found you just finished the video I can say All Clear

  • @domenicocucinotta2720
    @domenicocucinotta2720 10 месяцев назад +1

    Hey Man your tutorials are so explicative , clear and concise! Probably I wouldn't have followed you when I first started programming, but know with experience I can follow along easily and your method is spot on! ❤

  • @ravinderreddykothabad2299
    @ravinderreddykothabad2299 2 месяца назад +1

    Thanks, best video about NextJs, great explanation, you have covered all the topics...I was really looking for this kind of video. Very useful for react developers to learn Nextjs in 45 min.
    You can change video title to: NextJs Complete Crash Course | All 12 All 12 Concepts You Need to Know.

  • @shortflicks83
    @shortflicks83 Год назад +2

    OMG Man ! I am in love with this video. It helps me to revise all next JS concepts within an hour what an amazing explanation from you.

  • @vicez_
    @vicez_ Год назад +2

    So thankful; Posted at the exact moment I needed it.

  • @doner_kebab-e3p
    @doner_kebab-e3p 9 месяцев назад +1

    Nice explained core concepts. Thanks for the tutorial. Nice format!

  • @kkingbd
    @kkingbd 15 дней назад +1

    Thanks for the content.
    Very well organized and informative.

  • @aarushsaboo1194
    @aarushsaboo1194 6 месяцев назад +1

    Wow! I watched the 29 mistakes video too, and ooh boy! This channel is great!

  • @sureshraghavan4478
    @sureshraghavan4478 День назад +1

    ha.. nice, i just started to learn next js this week and your explanation of concepts are very clear and nice and moreover complete, though you are very fast... :)

  • @AlirezaGarshasbi-kr1on
    @AlirezaGarshasbi-kr1on Год назад +3

    it is short, straight and educative
    loved it
    thank you❤

  • @alekdemj
    @alekdemj 2 месяца назад +1

    Bro, you made my day. Very useful video!

  • @jiayu0307
    @jiayu0307 9 месяцев назад +6

    If I want to learn any front-end technique now, I first come to see if you have any videos. Your tutorials are perfect for me. It’s great.

    • @ByteGrad
      @ByteGrad  9 месяцев назад

      Happy to hear that!

  • @KaustabRoy-w6v
    @KaustabRoy-w6v 8 месяцев назад +1

    wow that was anmazing tutorial, both next js stuff and how to deploy thing on server. Thanks a lot. subscribed !!

  • @Nurpie
    @Nurpie Год назад +1

    Thanks!

    • @ByteGrad
      @ByteGrad  Год назад

      Thanks, appreciate it!

  • @looming_
    @looming_ Год назад +1

    Eagerly awaiting your next course!

  • @Nurpie
    @Nurpie Год назад +3

    Your NextJs videos has a lot more views than others!
    It would be amazing if you could also make a tutorial on how to use supabase sso with it. I am a little lost and I like that you explain important points.

  • @deividasmacavariani8684
    @deividasmacavariani8684 Год назад +8

    I'm amazed how clear you make your topics. Thank you for very informative videos

  • @TheLondekZdroj
    @TheLondekZdroj Год назад +1

    I am so looking forward to checking out your upcoming Next.js tutorial.

  • @udaym4204
    @udaym4204 11 месяцев назад +1

    best video on nextjs thanks BytGrad

  • @jopadjr
    @jopadjr 7 месяцев назад +1

    7.7k+...Thanks. The best explanation out there ! Cheers !

  • @konstantink2396
    @konstantink2396 2 месяца назад +1

    Very clear and simple explanation. I'll subscribe

  • @techlearner-hs3ft
    @techlearner-hs3ft 8 месяцев назад +3

    I wish you could make another video covering app router versus pages router, focusing on their folder structure. thx for the very clear explanation😁

  • @khaledsanny4817
    @khaledsanny4817 Год назад +1

    Waoh.... It's such a quality tutorial... I am literally unable to not understand almost "EVERYTHING" about NextJS.... +1 sub 😂💪

  • @muaf8374
    @muaf8374 Год назад +1

    From dev to production. Good tutorial.

  • @giandenorte
    @giandenorte 10 месяцев назад +1

    I like it! short and compact knowledge shared. Thank you

  • @najneindustrijaliziraniji
    @najneindustrijaliziraniji Год назад +2

    This could easily be an excellent six-hour Udemy course. Perhaps it's recency bias, but this is the best crash course I have ever seen. And i say that as an expert because for a long time, I've only watched crash courses :P

  • @aryaajay
    @aryaajay 8 месяцев назад

    I'm addicted to your videos 😅, keep making them as I need daily multiple doses of them❤

  • @HDSRosa
    @HDSRosa 2 месяца назад +1

    You should have more suscribers, thank you for this content

  •  Год назад +2

    Wow, this is really nice overview! Thanks!

  • @youssefaserrar2001
    @youssefaserrar2001 Год назад +1

    Bro you are the goat of NextJs

  • @abimanyudpoernomo6127
    @abimanyudpoernomo6127 2 месяца назад +1

    Thank you for your explanation. easy to understand nextjs

  • @JeanDidier
    @JeanDidier Год назад +1

    Appreciated the last deployment part. Thank you 🙏

  • @sahaneakanayaka3394
    @sahaneakanayaka3394 Год назад +2

    Your tutorials are so amazing and helping a lot ... Thanks

  • @captainnoyaux
    @captainnoyaux Год назад +2

    Wow, awesome video, thanks !

  • @medouadjihboudraa7706
    @medouadjihboudraa7706 Год назад +1

    best explanation i have ever witnessed

  • @productivitydirectory
    @productivitydirectory 2 месяца назад +1

    Nice Tutorial, I need it, Thanks man

  • @nasssty284
    @nasssty284 Год назад +2

    Clear and understandable, just like all your other videos... keep up and tank you !

  • @ianc6418
    @ianc6418 Год назад +1

    thanks man. just starting with nextjs and react so this is great.

  • @mabillama
    @mabillama Год назад +2

    This is great value. Thanks for the effort and effective communication

  • @TYTAX_HOME_GYMS
    @TYTAX_HOME_GYMS Год назад +1

    My english is not perfect so I had to slow down video till 0.75 :) To understand everything. Great tutorial.

  • @pedrofigueiredo5548
    @pedrofigueiredo5548 Год назад +1

    i was impatiently waiting for youir next video (no pun intended ) amazing as always

  • @MrGuitarguru95
    @MrGuitarguru95 11 месяцев назад +1

    Wonderful overview! Thank you!! 🎉

  • @kryptons-galaxy
    @kryptons-galaxy 5 месяцев назад

    Love this tutorial, fast and precise,
    You gained a subscriber ❤

  • @TheodoreRavindranath
    @TheodoreRavindranath 2 месяца назад +1

    Top-notch content!

  • @MdNaimurRahmanHera
    @MdNaimurRahmanHera 10 месяцев назад +1

    This is an awesome course. Thanks

  • @no32no74
    @no32no74 5 месяцев назад +1

    Amazing video! Thanks for your work!

  • @amanrubey
    @amanrubey 11 месяцев назад +1

    My God I absolutely love your channel!

  • @chroma-sync
    @chroma-sync Месяц назад +1

    Great and informative video. Thank you 🎉

  • @diegofelipe91
    @diegofelipe91 Год назад +2

    I need this new next's course!!

  • @mosatsoni4324
    @mosatsoni4324 Год назад +1

    Awesome video with great examples and clear explanation!

  •  Год назад

    You just delivered the holy grail I was looking for, Thanks a lot!!

  • @ota-ke
    @ota-ke Год назад +1

    I thoroughly enjoyed this, superb quality

  • @asfandyar8088
    @asfandyar8088 Год назад +1

    Thank you very much sir. All of your lectures are amazing!!!

  • @anzo.p
    @anzo.p 9 месяцев назад +1

    The best kind of tutorial

  • @RutwikPatel246
    @RutwikPatel246 5 месяцев назад +2

    Thankyou for not making 69 different videos which i couldn't have completed in eternity :D

  • @Alaaja_aj
    @Alaaja_aj 4 месяца назад

    Thanks man i was react developer my client said i want nextJS i saw this video ❤

  • @toastrecon
    @toastrecon Год назад +2

    One week until the course drops!!

    • @ByteGrad
      @ByteGrad  Год назад +1

      Get ready! 👍 :)

  • @HunterBBQ
    @HunterBBQ 11 месяцев назад +1

    This is very very good video with very detailed and very clear on each and everything you try to share with us❤.
    Thank so much for your efforts

  • @developerisa
    @developerisa 8 месяцев назад +1

    the video i was looking for. Simple !

  • @0xAndy
    @0xAndy Год назад +1

    The caching explanation was 👌🏼

  • @aldialfarnando6813
    @aldialfarnando6813 5 месяцев назад +1

    you're absolutely from the future, dude!

  • @ammaralhomyqani9079
    @ammaralhomyqani9079 6 месяцев назад +1

    hey thank you so much for this great crash course, i have two qustions related to (Caching & Static) parts,
    1- Is there still a purpose for using SWR package in Next 14 ?
    2- Should i use fetch built in function to get the benefit of Next Caching? what about if i want to use axios for example
    thank you again

  • @paweczajkowski2176
    @paweczajkowski2176 Год назад

    U have very pretty diction and Your language is very clear.Its soo important for people from other countries . greetings

  • @moggedau
    @moggedau 11 месяцев назад +1

    Great video, how can you perform more than one crud operation on the use optimistic?

  • @dovahkiin3362
    @dovahkiin3362 Год назад +1

    im excited about the react next course

  • @bhavyanayak8219
    @bhavyanayak8219 2 месяца назад +1

    Great video!

  • @reiniervarkevisser
    @reiniervarkevisser Год назад +2

    Thanks for this nice post.

  • @salahiddinediouri280
    @salahiddinediouri280 Год назад +1

    Great share , thank you for another good video as always

  • @KrokodilShnap
    @KrokodilShnap Год назад +1

    This video is awesome! Thank you

  • @TheStallion1319
    @TheStallion1319 3 месяца назад +1

    Amazing and to the point

  • @sharkdeng9253
    @sharkdeng9253 7 месяцев назад

    Good video for explaining removing 3000 port!