Create Room Tutorial - 13 | Next14 FullStack Hotel Booking App

Creating a FullStack Hotel Booking Web App in Next.js 14, React, Typescript, Shadcn, Clerk, My SQL (planetscale), Zustand, Stripe
✨ Source Codes: www.patreon.com/posts/next14-...
✨ Playlist: • Next14 FullStack Hotel...
✨ Follow Me on Twitter: / chaoocharles
✨ Join My Discord Server
/ discord
🤑 Buy Me A Coffee: www.paypal.com/cgi-bin/webscr...
SUPPORT MY CHANNEL
📍SUBSCRIBE: / @chaoocharles
📍Become a Channel Member: / @chaoocharles
📍Join My Fun Channel: / @chaaoo
GET IN TOUCH:
📍 Twitter: / chaoocharles
Disclaimer: This video is not sponsored

[@abdalhfeez4079]

Very nice job

[@safariambience4052]

I am enjoying the series, great stuff. Can you guide me on ways to handle multiple images in room form using uploadthing?

[@ChaooCharles]

You can just specify the number of images you want at the uploadthing api, then once you upload, upload thing will return an array of upload images which you can add to state and upload the links to database

[@safariambience4052]

@@ChaooCharles my main concern was how to handle theuseffect function with shouldValidate, showDirty for array of images since react-hook-form gives an error indicating I upload images

[@ChaooCharles]

@safariambience4052 I think you will just follow what I did, but instead of storing image as just a string you can store them as an array of image links, you can loop over the images after getting a response and construct an array of image strings, then directly update the state with that array, when state change, you can use that change to call useEffect or update hook form value

[@jannickpedersen4620]

Looking forward to the next one :D

[@ChaooCharles]

Awesome!