Next.js For React Developers | Everything You Need To Know

Поділитися
Вставка
  • Опубліковано 31 січ 2025

КОМЕНТАРІ • 59

  • @valhalla_dev
    @valhalla_dev 2 роки тому +12

    I've been doing React dev for a couple years and started seeing the benefits of SSR/SSG, especially for data vis. I started looking into Next, and this was a fantastic explainer for it. You're the bomb!

  • @dalyryl
    @dalyryl 2 роки тому +3

    This was kind of topic every developer needs, this is a question were interviewers would like to hear from the applicant. Thanks for this coderOne

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

    NextJS should include your video in their documentation page!!! saves a lot of time reading the pages!!!

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

    Before seeing this video I didn't know about the SSR but I had an issue of loading huge data and now I will get the speed that needed to load my site. So, now I got interest why I should learn NextJs.

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

    Awesome content i have in next js 11 years back on a small project this helps me to understand all types of rendering concepts

  • @nikitaalekseev991
    @nikitaalekseev991 2 роки тому +9

    Awesome!
    Well structured and concise video!

  • @capscode_official
    @capscode_official 2 роки тому +5

    This video is amazing and you have covered all the differences, really very helpful and thank you soo much…..

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

    Best NextJS tutorial video I've seen. Great work.

  • @thequang9234
    @thequang9234 2 роки тому

    one of the best NextJS video ive seen !

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

    Thank you so much for simplifying it so well!!

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

    wonderfully explained. thanks.

  • @wailuthman5679
    @wailuthman5679 2 роки тому +1

    very helpful explanation the best video on this topic
    Thank you for the effort mate.

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

    Amazing video, thank you!

  • @dharshinipriya5775
    @dharshinipriya5775 2 роки тому +2

    Nice one. Please upload many videos on NextJs

  • @tango8205
    @tango8205 2 роки тому

    Love your stuff! Big help!

  • @code2475
    @code2475 2 роки тому

    really good video...highly appreciate your efforts !!!

  • @davidgershkovich4800
    @davidgershkovich4800 2 роки тому +1

    Drag the volu for the setuper track that you're recording into all the way down.

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

    Thanks a lot for this excellent tutroial

  • @Abe-fb2lj
    @Abe-fb2lj 2 роки тому

    It’ pretty concise explain! Thank you!
    BTW, what’s your vscode theme?🤣

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

    If you would have this setup for a dynamic page project with a headless CMS. Which one would perform better? How can i measure this actually?
    React + EsBuild ( Lazy loading / Splitting )
    -VS-
    NextJs

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

    Thank you brother

  • @juampy4366
    @juampy4366 2 роки тому +4

    i think it works perfectly when your app is kinda small like a vlog, website and maybe small ecommerce, but when you need somet scalable it doesnt really work well.... at least when i tried to apply hexagonal architecture over the nextjs"backend" i couldnt, it just have small options when you try to develop a consistent backend by layers.... and also i cant find some info about it

    • @itgiants5218
      @itgiants5218 2 роки тому

      so did you use something else other than next.js

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

      that doesn't make any sense, how on earth does rendering on server side not doable in large scale projects?

  • @entonbabameto6335
    @entonbabameto6335 2 роки тому

    Early on, You ntion a tutorial You've made, concerning the content setup. I can't seem to see it in Your description though?

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

    Thanks! very helpfull

  • @undergroundmaster8
    @undergroundmaster8 2 роки тому

    Thank you a lot!

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

    This is great. Would you please do a vedio ( or just an article) toshow how to create multiple memory game with next as toy did with react and tic-tac-toe. If you would I would qpretiate it very much

  • @EnterpriseKnight
    @EnterpriseKnight 2 роки тому

    What's the addon you're using to highlight the intentation columns for the brackets?

  • @aquarium3948
    @aquarium3948 2 роки тому

    good video. However next.js is SSR but not really SSG because it can't even export an optimized image

  • @user-ki7qf6gn6w
    @user-ki7qf6gn6w 2 роки тому

    years! Let know your questions!

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

    where can i find source code?

  • @nimethgampaha8036
    @nimethgampaha8036 2 роки тому

    awesome

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

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

    "Optionated" has been killing me. I know English is a very difficult language to learn and props for being bilingual, but I would recommend speaking slower so you're understood and to make sure you're using real words.

  • @chesterxp508
    @chesterxp508 2 роки тому

    GoodJob!

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

    I feel like plain react is faster 😅

  • @boonya41
    @boonya41 2 роки тому

    React provides Suspend and lazy for a couple of years already. So you are not required to load all the application at first visit anymore

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

      Yes but that is only one problem that NextJS addresses (small file sizes, content on demand), it also addresses the open graph problem: if you rely on client-side JS to set your meta tag info - page description, image, etc (everything that shows up on Facebook, etc. when you link to a page) - then it will not work :(

  • @Michaeltje01
    @Michaeltje01 2 роки тому

    Can someone explain me the advantage of using nextjs if you're proficient with webpack and CDNs?
    How does this work if you want your website served close to the user everywhere in the world?

    • @Chefpaolo69
      @Chefpaolo69 2 роки тому

      It helps bot from Google to read your website. So good for seo

  • @aki1840
    @aki1840 2 роки тому +1

    Necshgees

  • @omer_fayyaz
    @omer_fayyaz 8 місяців тому

    Tf is yaddayaddayadda

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

    he should avoid making a video when fresh off a cocaine bump. Does he get bonuses for syllables per second?

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

    what type of english do you speak man? holy shit all im hearing is a bit of this and that and a bunch of god damn slurppy english..its driving me mad lad

  • @uziboozy4540
    @uziboozy4540 2 роки тому

    Use Remix.

  • @greenshaheen
    @greenshaheen 2 роки тому

    why typescript

    • @gime1945
      @gime1945 2 роки тому +5

      Better question why not. Positives out weight negatives

    • @dalyryl
      @dalyryl 2 роки тому +5

      error handling, variable handling, and better code practices. Also saves you a lot of time before building your project

    • @greenshaheen
      @greenshaheen 2 роки тому +2

      @@gime1945 we are not playing positive negative game here.many students know JavaScript not typescript and i think typescript is not necessary to learn not at all. thats why I asked why ts

    • @scarefloor
      @scarefloor 2 роки тому +3

      @@greenshaheen Dude asked why typescript, someone listed out all the benefits of typescript and he said "we are not playing positive negative game here" wtf?

    • @greenshaheen
      @greenshaheen 2 роки тому +1

      @@scarefloor dude typescript is optional. understand this