Welcome back to our MERN Full Stack Web Dev course! In this episode, we’ll explore the concept of media management, which, in our context, means being able to upload not only text to a database, but images and possibly video/audio in the future if you'd like.
Steps Covered:
How to create a bucket in AWS S3
How to write backend (Express) routes for AWS S3
How to get valid AWS Credentials
How to connect AWS S3 to Mongo (via image key)
How to display an image from AWS S3 on your React page
Key Topics:
Full Stack Development
Frontend development
Backend Development
AWS S3
JavaScript S3-SDK
Media storage
🔗 Resources:
React Docs: https://react.dev/
AWS S3: https://aws.amazon.com/s3/
🔔 Don’t forget to like, comment, and subscribe for more full stack development tutorials! Hit the bell icon to get notified when we upload new videos.
#FullStackDevelopment #ReactJS #Vite #MongoDB #NodeJS #WebDevelopment #CodingTutorial #JavaScript #mernstack
Timestamps:
0:00 - Creating an AWS bucket
4:28 - AWS Backend Code
9:11 - AWS Credentials
13:03 - AWS Routes
21:27 - AWS API Calls
25:58 - AWS - Mongo Connection
33:28 - Image upload
42:16 - ERROR FIX
44:19 - Displaying image
Смотрите видео MERN Tutorial: Ep 11 - Media Management онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Austin Davis 20 Июль 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 538 раз и оно понравилось 18 людям.