filmov
tv
Next.js 13 Full Stack E-commerce App #17 | Setup Multer & Cloudinary for Images
Показать описание
Git Repo Link:
================================================================
⚙️ Gadgets I use for Recording:
💻 Laptop - Macbook PRO M1 - 16/512
🎤 MIC - Samson Technologies Q2U USB/XLR Dynamic Microphone
🖱️Mouse - Logitech G402 Gaming Mouse Hyperion Fury USB, Black
⌨️ Keyboard - Logitech K380 Multi-Device Bluetooth Keyboard
🖥️ Monitor - UltraSharp 24-Inch Screen Led-Lit Monitor (U2419H)
================================================================
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!
================================================================
⚙️ Gadgets I use for Recording:
💻 Laptop - Macbook PRO M1 - 16/512
🎤 MIC - Samson Technologies Q2U USB/XLR Dynamic Microphone
🖱️Mouse - Logitech G402 Gaming Mouse Hyperion Fury USB, Black
⌨️ Keyboard - Logitech K380 Multi-Device Bluetooth Keyboard
🖥️ Monitor - UltraSharp 24-Inch Screen Led-Lit Monitor (U2419H)
================================================================
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!
10:41:33
Full Stack E-Commerce + Dashboard & CMS: Next.js 13 App Router, React, Tailwind, Prisma, MySQL, ...
13:26:58
Build and Deploy a Full-Stack E-Commerce: Next.js 13, React.js, Typescript, Tailwind, Prisma, Stripe
11:49:45
Build a Fullstack E-commerce using Next.js (react.js, mongo, tailwind, styled components)
11:37:10
Build a Fullstack E-Commerce App using Next.js 13, MongoDB, Firebase, Strapi, Tailwind CSS [2023]
0:05:28
How I Create Modern E-Commerce Stores with Next.js
2:48:43
Full Stack E-commerce website : Next.js 13 App Router, React, Stripe, Tailwind || part 1
3:42:33
Full Stack Ecommerce Store With Admin Dashboard From Scratch - Next.js, Prisma, Stripe, Tailwind
3:52:17
Build and Deploy a Full Stack E-Commerce App with an Admin Dashboard & CMS in 2024 | Next 14, St...
0:18:13
astro vs sveltekit in 2024
5:55:35
Next.js 13 E-Commerce Tutorial (App Router, TypeScript, Deployment, TailwindCSS, Prisma, DaisyUI)
6:31:03
Full Stack Ecommerce Website Using NextJs 13.4 | Next Js Project
1:27:24
Learn NextJS 13: Build a Modern Full-Stack E-commerce App with TailwindCSS + Stripe + Zustand
3:26:29
Next.js 14 Full Course 2024 | Build and Deploy a Full Stack App Using the Official React Framework
0:00:19
Full Stack E-Commerce App | Next Js - Typescript & TailwindCSS
0:00:33
Build an E-commerce Website With next.JS 13 👀
2:55:46
Build & Deploy a Full Stack E-Commerce Website with Next.js 13, Strapi Headless CMS & Tailwi...
5:30:47
Building an Ecommerce Website with Next.js 13 and Stripe Payment Integration
0:14:32
Next.js 13 Full Stack E-commerce App with MongoDB, Stripe and more - Part 1
0:46:05
Build & Deploy Full Stack E-Commerce App using Next.js 13 and Payloadcms in 45 Minutes
0:21:17
Next.js 13 Full Stack E-commerce App #6 | Frontend Search & Pagination
2:27:20
Learn NextJS 13 Intercepting Routes and Server Components by Building a Full-Stack Ecommerce App
0:29:12
Next.js 13 Full Stack E-commerce App #31 | Post Review, Update Review, Can User Review Product
8:40:34
Full Stack Airbnb Clone with Next.js 13 App Router: React, Tailwind, Prisma, MongoDB, NextAuth 2023
0:21:42
Next.js 13 Full Stack E-commerce App #26 | Upload Multiple Product Images on Cloudinary
Комментарии