AWS S3 Node.js and React 🚀 How to Upload and Delete Files | Sharp | Multer ✅

Опубликовано: 27 Март 2026
на канале: Eduardo Arias
1,541
51

📖 Post
https://eduardoarias.co/como-subir-y-...

🚀 One-on-One Consulting
https://eduardo-arias.com/asesorias/

⚡️ Agency, Social Media, Blog, and More
https://eduardo-arias.com/links/



💬 Questions and Community
Leave your question in the video comments (it helps me a lot with the channel 🙌).

If you need more advanced help or want to share code:
👉 Join my Discord here:   / discord  



📝 Content
0:00 Introduction
0:22 What is AWS?
1:41 What is S3?
2:57 Configuring S3 within AWS
4:35 Creating buckets
6:04 Configuring bucket permissions
7:53 Creating an S3 user, access key, and secret key
9:47 Initial code explanation
13:49 Image change control function in React
17:11 Upload control function
18:56 Installing React Router and Axios
22:27 Creating a POST method to process images
23:35 Configuring an S3 user
26:05 Creating an .env file for environment variables
27:33 Returning to the POST method
29:19 Installing Multer
31:39 Configuring a function Upload
32:23 Configuring Sharp for Image Resizing



📌 In this video, I explain what AWS S3 is and how to upload images from React to a bucket using a Node.js backend with Multer for file handling and Sharp for image resizing, as well as how to delete them afterward.



🔗 Useful Links
React + Heroku + MongoDB Atlas:    • Subir app React a Heroku con Github + mong...  
React Routing:    • Direccionamiento en React 🚀 Outlet - React...  
Repository: link within the post.



🌎 Follow me on social media

✅ INSTAGRAM:

  / eduardoarias.co  

✅ TWITCH:

  / eduardoariascol  

✅ TIKTOK:

  / eduardoarias.co  

✅ FACEBOOK:

  / eduardoarias.co  

✅ GITHUB:

https://github.com/eduardoariasova

✅ Subscribe to my blog here 📩
https://eduardoarias.co/suscribirme/