Cloudinary with Next JS 14 || How to upload Image on Cloudinary using Next js 14 Api Routes
In this Complete video you learn how to upload image using next js on cloudinary
so keep watching and keep support
Time Stamp:
00:00 intro
00:20 cloudinary account
00:33 create-next-app
01:15 clodudinary setup
01:34 frontend part upload UI
03:02 axios
03:10 form handling with typescript
05:31 Api Routes
07:30 upload image using axios
09:50 cloudinary helpers
10:31 upload image cloduinary function
14:55 setup mongodb
17:04 mongodb models
19:18 upload to cloudinary
22:10 get All Images Api Route
24:08 fetch all images frontend
29:40 delete image functionality
33:00 delete image from cloudinary
34:50 problem #1
37:00 loading state
38:00 test final app
39:40 conclusion
39:48 outro
Other Popular Course:
• Complete Angular Series
• Job Portal | MEVN & Quasar
• MEVN stack
• Learn Vue Js From Scratch
#reactjs #nextjs #javascript #webdevelopment #webdesign #frontend #backend #tailwindcss #mongodb #fullstack
check my Website (https://https://codewithkrishna.vercel.app)
i am creating with next js 14 with node js, express js