Nuxt Server Components Explained (With New Updates!)!

แชร์
ฝัง
  • เผยแพร่เมื่อ 3 ธ.ค. 2024

ความคิดเห็น • 23

  • @TamNguyen-eg3pq
    @TamNguyen-eg3pq ปีที่แล้ว +4

    thanks for always releasing the good content on nuxt/vue!

  • @alwaisy
    @alwaisy 10 หลายเดือนก่อน +1

    This concept is interesting. I have worked with next 13/14, RSC is amazing. I think every page in nuxt app should be server component by default. Always fetch data on the server/page.

  • @epiphanyatnight8732
    @epiphanyatnight8732 10 หลายเดือนก่อน

    Love your Nuxt videos. And this was something I never understood but heard about a lot, so great topic choice! Thanks a ton.

  • @Norfeldt
    @Norfeldt ปีที่แล้ว +1

    Great topic. I must admit that I was hoping for some "live" coding examples and not pp presentation. But you did a good coverage.

  • @caiovinicius2718
    @caiovinicius2718 ปีที่แล้ว

    Amazing video, Erik! Hope you make more videos about Nuxt 3 with live coding in the future :)

  • @dvlden
    @dvlden ปีที่แล้ว

    I did and I am. I am an senior frontend engineer in one company and I believe that experimental in frontend is fun to use and can be powerful too.
    I would never opt-in for experimental features on the backend.

  • @Grogutech
    @Grogutech ปีที่แล้ว

    thanks for the update!

  • @Andrey-il8rh
    @Andrey-il8rh 11 หลายเดือนก่อน

    Thanks for covering bleeding edge features, Erik. It would be great if you could go more in depth with mini-app of server components. I still can't understand why you don't need a server, maybe you could clarify this point in greater detail?

  • @ui.khaldoon8164
    @ui.khaldoon8164 ปีที่แล้ว

    Ok very weird question, what font are using for your slides? It looks really slick 😂

  • @noopurp123
    @noopurp123 ปีที่แล้ว

    Have used Suspense in Production on Vue.

  • @fdimb
    @fdimb ปีที่แล้ว

    any idea if there's a way to server render a component on which a prop depends on head's metadata (i.e. color mode) on a single line? I've been creating a ref with a deafult value and then setting the one I need within the onNuxtReady hook, which works, but seems like unnecessary wiring, it's the only way I found to pre-render a component (so it's not loaded after the main content) without getting hydration mismatch errors that break the interactivity with the component.
    Edit: didn't notice that you mentioned it in the video. The onNuxtReady hook works as a workaround for those cases. Some interactive components stop propagating the props when the mismatch happens so they'll need it.

  • @JohnPombo
    @JohnPombo ปีที่แล้ว +1

    How is the lazy prop similar/different from LazyUserProfile?

  • @mjerez6029
    @mjerez6029 ปีที่แล้ว

    I knew the react shit would splash everywhere

  • @AnassSanba-f5d
    @AnassSanba-f5d ปีที่แล้ว

    I don't get it u say that u don't have interactivty in nsc ,and u use ref inside it?

    • @ProgramWithErik
      @ProgramWithErik  ปีที่แล้ว

      You can't have a ref inside of it.

    • @AnassSanba-f5d
      @AnassSanba-f5d ปีที่แล้ว

      ​@@ProgramWithErik17:25 and what did you do here i'm confused sorry 😅

  • @mrleblanc
    @mrleblanc ปีที่แล้ว +2

    Suspense is still experimental yet Nuxt use it in the core lol

    • @neneodonkor
      @neneodonkor ปีที่แล้ว

      And there is nothing wrong with that.

    • @atroutopia427
      @atroutopia427 ปีที่แล้ว

      Would not be first time using experimental features man :D

  • @Microphunktv-jb3kj
    @Microphunktv-jb3kj 11 หลายเดือนก่อน

    great for SEO.. wait.. isnt SSG literally punished by Google? .. cant crawl that good... or do i have misinformation....

    • @redeemr
      @redeemr 9 หลายเดือนก่อน

      Ssg seems like it would be the best for SEO

  • @виртуоз_ру
    @виртуоз_ру ปีที่แล้ว

    Хорош 👍