Add Search in Next.js with Server Actions

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

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

  • @colbyfayock
    @colbyfayock  4 หลายเดือนก่อน

    Learn how to build a full stack Next.js app in my upcoming course: colbyfayock.com/course

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

    So good!!

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

    Great video! Question, is there a way to upload images/videos using the Node SDK and Next.js Server Actions?

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

      hey thanks, yes!! i created an example here: github.com/cloudinary-community/cloudinary-examples/tree/main/examples/nextjs-server-actions-upload
      likely will do a video at some point but dont have one currently

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

      Awesome, thank you!

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

    Get fresh tutorials and other free content straight to your inbox! colbyfayock.com/news

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

    Any sugestions on how then to click on the image to see it full page, please?

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

      hey! depends on how you want to handle this yuo might have a few options. since these are now server components, you can create a dynamic route that allows you ot

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

    💚 Thank you 👍

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

    This is amazing. I am working on a Graphic Design portfolio page with Next.js that is definitely going to benefit from implementing Cloudinary for image management. Thanks so much! Btw, at the beginning of the tutorial, you mention that up until recently you couldn't use Node in a React app. I have used the MERN stack before, where you use React as the User Interface library, and Node.js and Express for the server. Isn't this an example of using Node.js in a React app?

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

      That's awesome to hear! True. I guess I moreso meant using Node with the React code itself. So like in the tutorial running a node function in a React component

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

      @@colbyfayock oh, I kind of realized this after I commented. So the progressive shift of Next.js to server components, and other enhancements the framework offers, makes possible to use Node functions within server components?

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

      Please keep up the amazing content you are creating. It’s very illuminating

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

      @@haroldmesa9535yeah! to be clear it's a React architecture, but Next.js adopted it and is largest proponent of it at the moment i believe, so it kind of gets grouped in with the topic. but yeah, when you have a server function thats only ever going to run on the server, you have that capability, as opposed to opting in to it being a client component, which then you no longer have that ability

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

    can we use server actions to upload images ?

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

      just tested this out and yes!! here's an example: github.com/colbyfayock/my-cloudinary-image-search/pull/1
      however i dont know how to return the results to the application without just redirecting with query params. do you know how that works?

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

      @@colbyfayock Thanks Colby ,
      I will give it a try

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

    Cool ❤