Next.js 13 Full Stack E-commerce App #17 | Setup Multer & Cloudinary for Images

Git Repo Link:
github.com/ghu...
Checkout my In-Depth Next.js Masterclass on Udemy Courses:
www.udemy.com/...
Next.js 13 Authentication with Next-Auth:
• Next.js Authentication...
================================================================
⚙️ Gadgets I use for Recording:
💻 Laptop - Macbook PRO M1 - 16/512
amzn.to/4eUqrSe
🎤 MIC - Samson Technologies Q2U USB/XLR Dynamic Microphone
amzn.to/3W9Z4wl
🖱️Mouse - Logitech G402 Gaming Mouse Hyperion Fury USB, Black
amzn.to/3RY4xUy
⌨️ Keyboard - Logitech K380 Multi-Device Bluetooth Keyboard
amzn.to/3RY4Fn0
🖥️ Monitor - UltraSharp 24-Inch Screen Led-Lit Monitor (U2419H)
amzn.to/4bxidN6
================================================================
In this video, we'll be continuing our series on building a Full Stack E-commerce App using Next.js 13. Specifically, we'll be focusing on setting up Multer and Cloudinary for image storage and management.
Multer is a middleware used for handling multipart/form-data, which is primarily used for uploading files. We'll be using it to upload images to our server. Cloudinary, on the other hand, is a cloud-based image and video management service that we'll use to store and manage the images we upload.
We'll start by installing and configuring Multer to handle image uploads, including setting up the directory where images will be stored on our server. Then, we'll move on to configuring Cloudinary by creating an account, generating an API key, and installing the required dependencies. Finally, we'll integrate Multer with Cloudinary to upload images directly to the cloud and retrieve them from there whenever we need them.
Whether you're building an e-commerce app or just want to learn more about working with image uploads and cloud-based storage, this video is sure to be an informative and practical guide. So sit back, relax, and let's get started!

[@rezwanulhaque9935]

great. pls continue the project

[@dolapoajayi2156]

hasten the project please.2 videos a week kinda slow.thanks for this wonderful piece

[@LUISRANGEL-dq3hk]

Gracias por compartir tu conocimiento, saludos desde México.

[@zia-ul]

But where you even used the multer file...???
Its supposed to be in the routes but I cant find it..?

[@AfonsoFilipeJr]

Thanks again mate!

[@mohammedabdulsalam955]

Great content, have learned alot👍

[@bipinsingh9318]

how much time it will take to complete

[@codingwithabbas]

I think 1 month more.

[@arisudana3672]

@@codingwithabbas Already this much content and you're saying you still have 1 month more of contents? Let's gooo

[@aamirrashid4513]

Hello sir, why we are first uploading the file to local public folder instead of direct uploading an image to cloudinary? Plz reply ASAP... @Coding With Abbas

[@codingwithabbas]

You can do that as well.

[@criptoflashes]

Hi!, is this working on Vercel deploy?, I'm doing a project where I'm uploading images in a admin dashboard, now I'm having some problems when trying to upload an image to cloudinary on my deployed project , something about multipart form data. I have no problem in local, so I was wonder if your approach would help, In case it does I would do it your way, this is taking me a lot of time to resolve till now!!!

[@SALMANALI-vd9vm]

Multer setup to karliya lakin osa use kar ka nai dekha abhi

[@mdabdurrahim2823]

sound is too low. Can you increase?

[@codingwithabbas]

Hi MD,
My sound is low in Video?

[@mdabdurrahim2823]

@@codingwithabbas too low