NextJS Tutorial - All 12 Concepts You Need to Know

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

КОМЕНТАРІ • 290

  • @EnesKab
    @EnesKab 8 місяців тому +18

    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 11 місяців тому +77

    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  11 місяців тому +7

      Awesome, thanks! 👍

    • @amanrubey
      @amanrubey 10 місяців тому

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

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

      @@ByteGradis the course in typescript?

  • @aryaamootaghi3248
    @aryaamootaghi3248 Рік тому +12

    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 10 місяців тому +37

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

  • @MrBrady95
    @MrBrady95 8 місяців тому +19

    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 8 місяців тому +12

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

    • @jibbish7148
      @jibbish7148 7 місяців тому +4

      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 7 місяців тому +1

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

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

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

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

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

  • @AmodeusR
    @AmodeusR 8 місяців тому +2

    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!

  • @prosperzegue6735
    @prosperzegue6735 8 місяців тому +11

    I don't often comment tutorial or any UA-cam 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  8 місяців тому

      Glad it helped!

  • @ByteGrad
    @ByteGrad  Рік тому +19

    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  9 місяців тому

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

  • @LLikzy
    @LLikzy 7 місяців тому +3

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

  • @muriminyaga
    @muriminyaga Місяць тому +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.

  • @Sakuraninini
    @Sakuraninini Місяць тому +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.

  • @kimbapslayer1995
    @kimbapslayer1995 3 місяці тому +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.

  • @KulturanCov
    @KulturanCov 7 місяців тому +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!

  • @heysahilsingh
    @heysahilsingh Рік тому +18

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

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

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

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

  • @oludamolaijimade9018
    @oludamolaijimade9018 8 місяців тому +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  8 місяців тому

      Awesome, thanks! :)

  • @ScriptRaccoon
    @ScriptRaccoon 10 місяців тому +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 3 місяці тому +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.

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

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

  • @MikiStec
    @MikiStec 8 місяців тому +2

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

  • @havanapple5009
    @havanapple5009 11 місяців тому +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

  • @airixxxx
    @airixxxx Рік тому +19

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

  • @techlearner-hs3ft
    @techlearner-hs3ft 6 місяців тому +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😁

  • @theleo2094
    @theleo2094 9 місяців тому

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

  • @marvinotieno2194
    @marvinotieno2194 9 місяців тому +1

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

  • @ravinderreddykothabad2299
    @ravinderreddykothabad2299 16 днів тому +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.

  • @_di_su
    @_di_su 10 місяців тому +1

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

  • @domenicocucinotta2720
    @domenicocucinotta2720 9 місяців тому +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! ❤

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

    Very clear and simple explanation. I'll subscribe

  • @voldemortvi4264
    @voldemortvi4264 Рік тому +3

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

  • @TheodoreRavindranath
    @TheodoreRavindranath 9 днів тому +1

    Top-notch content!

  • @AlirezaGarshasbi-kr1on
    @AlirezaGarshasbi-kr1on 10 місяців тому +3

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

  • @TheLondekZdroj
    @TheLondekZdroj Рік тому +1

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

  • @akramnarejo6221
    @akramnarejo6221 8 місяців тому +2

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

  • @doner_kebab-e3p
    @doner_kebab-e3p 7 місяців тому +1

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

  • @jiayu0307
    @jiayu0307 7 місяців тому +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  7 місяців тому

      Happy to hear that!

  • @ammaralhomyqani9079
    @ammaralhomyqani9079 5 місяців тому +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

  • @muaf8374
    @muaf8374 Рік тому +1

    From dev to production. Good tutorial.

  • @deepmane5845
    @deepmane5845 Рік тому +1

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

  • @deividasmacavariani8684
    @deividasmacavariani8684 Рік тому +8

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

  • @JeanDidier
    @JeanDidier 11 місяців тому +1

    Appreciated the last deployment part. Thank you 🙏

  • @vicez_
    @vicez_ Рік тому +2

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

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

  • @looming_
    @looming_ Рік тому +1

    Eagerly awaiting your next course!

  • @Nurpie
    @Nurpie 11 місяців тому +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.

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

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

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

    You can skip the boilerplate by adding `--empty` during the create :)

  • @TYTAX_HOME_GYMS
    @TYTAX_HOME_GYMS 11 місяців тому +1

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

  • @giandenorte
    @giandenorte 8 місяців тому +1

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

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

    Thank you for your explanation. easy to understand nextjs

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

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

  • @diegofelipe91
    @diegofelipe91 Рік тому +2

    I need this new next's course!!

  • @ianc6418
    @ianc6418 Рік тому +1

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

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

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

  • @moggedau
    @moggedau 9 місяців тому +1

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

  • @najneindustrijaliziraniji
    @najneindustrijaliziraniji 10 місяців тому +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

  •  Рік тому +2

    Wow, this is really nice overview! Thanks!

  • @KaustabRoy-w6v
    @KaustabRoy-w6v 6 місяців тому +1

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

  • @kryptons-galaxy
    @kryptons-galaxy 4 місяці тому

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

  • @toastrecon
    @toastrecon Рік тому +2

    One week until the course drops!!

  • @sahaneakanayaka3394
    @sahaneakanayaka3394 Рік тому +2

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

  • @jorden123
    @jorden123 9 місяців тому

    I really like your explanation about those core subjects, and I got some questions:
    1. It looks like it's always going to be redundant to have the PostgreSQL commands right in the components, that's why I think a better solution would be to wrap them up in an MVC pattern with business-logics and modules. What do you think?
    2. From a DevOps engineer perspective, how would you scale it? It would be much easier to scale it if we have the "server" apart from the "client" and have them communicate by REST-API. That way you can scale the server as much as you want (which is more likely to be under a heavier load than the "client").
    I'm currently working on a side project that is using Next.js in the client side with some server-actions that use "REST-API" and call another server that handles the DB, implemented with MVC design-pattern. In the server side, all of my DB modules are being re-used by different business-logics that can be complicated, therefore MVC saves the day by making it a little easier.

  • @HDSRosa
    @HDSRosa 10 днів тому +1

    You should have more suscribers, thank you for this content

  • @RutwikPatel246
    @RutwikPatel246 3 місяці тому +2

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

  • @alekdemj
    @alekdemj 22 дні тому +1

    Bro, you made my day. Very useful video!

  • @dovahkiin3362
    @dovahkiin3362 Рік тому +1

    im excited about the react next course

  • @youssefaserrar2001
    @youssefaserrar2001 Рік тому +1

    Bro you are the goat of NextJs

  • @MrGuitarguru95
    @MrGuitarguru95 10 місяців тому +1

    Wonderful overview! Thank you!! 🎉

  • @khaledsanny4817
    @khaledsanny4817 Рік тому +1

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

  • @0x-003
    @0x-003 11 місяців тому +1

    Can you make a video, where you talk about yourself, how you became a developer, your background, tips/advice for newcomers etc.

  • @productivitydirectory
    @productivitydirectory 28 днів тому +1

    Nice Tutorial, I need it, Thanks man

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

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

  • @mabillama
    @mabillama Рік тому +2

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

  • @udaym4204
    @udaym4204 9 місяців тому +1

    best video on nextjs thanks BytGrad

  •  11 місяців тому

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

  • @dameerdj5403
    @dameerdj5403 11 місяців тому

    Dude! We’re actually trying to LEARN stuff, this video is more like a speed reading contest.

  • @olusanyaolamide9764
    @olusanyaolamide9764 10 місяців тому +2

    Thank you so much for this video, although I'm still a bit confused about the caching, if you didn't talk about it and someone new to nextJs 13 eventually build the app and he finds that the dev mode and build mode are different, it can cause someone to run mad

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

    you're absolutely from the future, dude!

  • @asfandyar8088
    @asfandyar8088 Рік тому +1

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

  • @HunterBBQ
    @HunterBBQ 9 місяців тому +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

  • @ota-ke
    @ota-ke Рік тому +1

    I thoroughly enjoyed this, superb quality

  • @medouadjihboudraa7706
    @medouadjihboudraa7706 Рік тому +1

    best explanation i have ever witnessed

  • @0xAndy
    @0xAndy Рік тому +1

    The caching explanation was 👌🏼

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

    Amazing video! Thanks for your work!

  • @paweczajkowski2176
    @paweczajkowski2176 11 місяців тому

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

  • @nasssty284
    @nasssty284 Рік тому +2

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

  • @ambantis
    @ambantis 11 місяців тому +1

    this is really awesome, thank you ... any chance you could make the code public?

  • @captainnoyaux
    @captainnoyaux Рік тому +2

    Wow, awesome video, thanks !

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

    Good video for explaining removing 3000 port!

  • @anzo.p
    @anzo.p 7 місяців тому +1

    The best kind of tutorial

  • @andrei7414
    @andrei7414 Рік тому +3

    Hi ByteGrad! When are you going to release your Next.js React course?

    • @ByteGrad
      @ByteGrad  Рік тому +3

      Next week :) Make sure you’re subscribed to the email newsletter for updates

    • @diegofelipe91
      @diegofelipe91 Рік тому +1

      @@ByteGrad Can't wait for this course! seriously :)

  • @MdNaimurRahmanHera
    @MdNaimurRahmanHera 8 місяців тому +1

    This is an awesome course. Thanks

  • @mosatsoni4324
    @mosatsoni4324 11 місяців тому +1

    Awesome video with great examples and clear explanation!

  • @inzendis
    @inzendis Рік тому +2

    Is PM2 not needed? Also making the website or webapp HTTPS would be cool to see or setting up a basic firewall there. I know I could look for it elsewhere, but you are one of the best. I learn fast and clear with you.

    • @ByteGrad
      @ByteGrad  Рік тому +2

      Yeah you can make that much more sophisticated

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

    the video i was looking for. Simple !

  • @bhavyanayak8219
    @bhavyanayak8219 28 днів тому +1

    Great video!

  • @mahmoudelalfy8076
    @mahmoudelalfy8076 Рік тому +2

    14:14 you can call server actions from client components too

    • @tnnz9920
      @tnnz9920 Рік тому

      I'm curious about this server actions, so we don't need any API again to post or create data?

  • @amanrubey
    @amanrubey 10 місяців тому +1

    My God I absolutely love your channel!

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

    Amazing and to the point