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
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
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?
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
@@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?
@@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
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?
Learn how to build a full stack Next.js app in my upcoming course: colbyfayock.com/course
So good!!
thanks James! 🙌
Great video! Question, is there a way to upload images/videos using the Node SDK and Next.js Server Actions?
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
Awesome, thank you!
Get fresh tutorials and other free content straight to your inbox! colbyfayock.com/news
Any sugestions on how then to click on the image to see it full page, please?
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
💚 Thank you 👍
you got it!
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?
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
@@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?
Please keep up the amazing content you are creating. It’s very illuminating
@@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
can we use server actions to upload images ?
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?
@@colbyfayock Thanks Colby ,
I will give it a try
Cool ❤
thanks!