Next.js 14 Tutorial - 54 - Streaming

Поділитися
Вставка
  • Опубліковано 4 бер 2024
  • ✨ Code snippets - pieces.app/
    📘 Frontend Interview Course - learn.codevolution.dev/
    💖 Support UPI - support.codevolution.dev/
    💖 Support Paypal - www.paypal.me/Codevolution
    💾 Github - github.com/gopinav
    📱 Follow Codevolution
    + Twitter - / codevolutionweb
    + Facebook - / codevolutionweb
    📫 Business - codevolution.business@gmail.com
    Next.js 14
    Next.js Tutorial
    Next.js 14 Tutorial
    Next.js Tutorial for Beginners
    Streaming
    Streaming in Next.js 14

КОМЕНТАРІ • 61

  • @Codevolution
    @Codevolution  3 місяці тому +42

    Been busy at work and in personal life. Next set of content is likely in 2 weeks. Thank you for patiently waiting everyone!

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

      Enjoy sir.
      rewatch while waiting for the next video :D

    • @bg-mq5hz
      @bg-mq5hz 3 місяці тому +1

      Thank you for the amazing content. Please include basics of auth in the future.

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

      This is one of the best and clearest courses I've seen on anything - thanks!

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

      Just completed all the 54 videos. It was awesome 🥹 Patiently waiting for the next video. Keep up the good work 👍

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

      THANK YOU

  • @yinonelbaz5309
    @yinonelbaz5309 4 дні тому

    The explanation and illustration are simply genius, thank you Vishwash

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

    This is the best Next.js course (heck maybe best course full stop) I've ever seen. Especially this most recent section on rendering. You go into such detail about the WHY of Next, not just the what... This is helped me so much. Thank you!

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

    I truly appreciate you creating such fantastic videos. I've watched them all, from the very first one to the latest (#54). While I found Next.js a bit challenging to grasp at first, your explanations made it much simpler and esier to understand.
    Thank you for the amazing videos!
    I'm eagerly waiting for your next ones.

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

    Thanks so much for your unwavering effort and consistency...

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

    The best course for next.js, thank you!

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

    Thanks for your effort your style of teaching is grate !

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

    tons of thanks to you Vishwas. It's really great series on Nextjs. Thanks once again.

  • @user-ou8uv8of2z
    @user-ou8uv8of2z 14 днів тому

    I think the suspend component is similar with parallel routes, both allow individually loading.

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

    it is great pleasure to learn along with you, waiting for remaining sessions to complete this course

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

    Thankyou so much, for explaining this 😊, I was waiting for it.

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

    fantastic content Vishwaas, thanks so much!

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

    Thanks ❤ I am really enjoying this series and I got so much information so please complete it

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

    thank you! hope to see more tutorials.

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

    I feel blessed to follow this series... Waiting for the next section... I also request for a series on mysql2 in next.js 14

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

    Thank you. I'm waiting for next section.☺

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

    Thalaivaaaa Vera level Neenga

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

    Thanks a lot for your efforts. Great explanation, diving deep into such details makes me confident about my skills. Will there be new series in Tutorial?

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

    I saw your Front End Interview Preparation course, But you've announced it 3 years ago. I know how great structurer you are and definitely trust you with your course. Just wanted to know is your course updated and responds to modern React? I mean like focusing more on functional React

  • @n.xuanthanh
    @n.xuanthanh 3 місяці тому

    thank you so much for great content, this series will have how many video

  • @user-on2rx4si7g
    @user-on2rx4si7g 3 місяці тому

    Great job

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

    thanks man!

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

    Sir please,reply on when we use next js as frontend and node js as backend end how we can manage our middleware code for protecting routes because I send token in response of login api and i got it in client components and middleware run on server how I can pass token to server please explain this topic

  • @user-uo5wp7dc3x
    @user-uo5wp7dc3x 3 місяці тому

    Please I need more of the video courses T-T, you're an amazing teacher, consider making a course on Udemy, I would certainly pay for it

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

    all component are RSC with static generation by default. so the await is done at build time, right? the reason that suspense and fallback works is because process in the video is done in dev mode, right? i got so confused for a moment

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

    hope u can make somethng with deployment

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

    Is the course ended?
    I was still waiting hahah If you can add internationalization will be very happy!!
    Specially in the client side.

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

    What about using dynamic (from next) instead of suspense?

  • @HuyLe-zx8ko
    @HuyLe-zx8ko Місяць тому

    awesome

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

    When will the remaining videos be released?. Couldn't wait for upcoming videos. Release soon.

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

    Sir I'm following this whole playlist please bring videos little faster 😊

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

    Are there any major changes between your playlist "Next.js Tutorial for Beginners" and this tutorial? I am starting now. Which one should I watch? The first one is complete though.

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

    hi there whats your VSCode theme?

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

    Please make a video about "Vite" .... I kind of use React with it, but still not sure what it actually does.... There is no a single video on entire internet that could explain in more understandable way.

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

      Maybe you should invest your skill in reading documentation 😅

    • @Sahil-lg2ce
      @Sahil-lg2ce 3 місяці тому +1

      It was good when it came but next and nuxt is far more better to use

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

    I've landed in the waiting zone..

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

    Plz cover RTK QUERY

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

    Anybody know how many videos are planned for this course. We shd pay atkeast 200$ for this content/teaching

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

    Sir RTK query plz

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

    What is difference between Suspense and a Loading.js file in Next.js ?

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

      Loading is Suspense at a route level whereas just Suspense lets you wrap individual components within the route

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

    I tried the code for streaming rendering, but the browser just wait for product and reviews to finish resolving (4 seconds) instead of showing the fallback message right away as it supposed to do. I also tried to clone your source code to my pc to see if my code is not correct, but it still didn't work.

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

      In my case, if there is more than one component (one's resolving promise) with each wrapped by Suspense component, then it takes time for the lowest one, to display any content to the screen, and when it loads then, for the rest it will display the fallback.

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

    Waiting for the next tutorial 55

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

    Can we show a skeleton loader with suspense?

    • @g-virus4029
      @g-virus4029 3 місяці тому +1

      Yes

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

      @@g-virus4029 What is difference between Suspense and a Loading.js file in Next.js ?