Really love Sam's videos. There are few and far between quality, intermediate web dev content creators. His inclusion of Devops for solo devs is really great too.
Thank you so much for making this video. For a multi-billion dollar company, AWS sure does make it difficult to do simple things and the docs are incredibly hard to find and understand.
Dude you 're so underrated, you have hands down the best node express videos. Following along with you is super easy and your videos are so informative. Please don't stop doing what you are doing. You are awesome !
Just in case anyone is running into trouble with adding the credentials parameter to the S3Client object, the current version of the AWS SDK (as of writing this) for Node doesn't require it as a parameter anymore. The credentials are automatically read from the .env file, and MUST be named AWS_ACCESS_KEY_ID and AWS_SECRET_ACCESS_KEY.
This is an example from aws docs, you can use json file as well: "' You can load configuration and credentials from a JSON document on disk using AWS.config.loadFromPath. The path specified is relative to the current working directory of your process. For example, to load credentials from a 'config.json' file with the following content: { "accessKeyId": , "secretAccessKey": , "region": "us-east-1" } Then use the following code: var AWS = require("aws-sdk"); AWS.config.loadFromPath('./config.json'); "'
Dude I'm 2/3rds into the video. Lemme just say, BEST image processing tutorial on youtube for node/express; hands down. After 2 weeks of muddling through multer and sharp, only to realize heroku renews your files (thus erasing anything saved to it with FS), this is like EXACTLY what I needed to get past the image uploading process in my app. None of the tuts mention small details like the "fit" property in Sharp's resize method object, my portrait style uploads were looking so wonky before this. You have my subscribe. Shout out to you!
I have been looking for a video to learn Lambda. I have watched 4 to 5 other videos that only ended making me more confused or were full of fluff. I decided to try out your video and this is the best and most explanatory video onS3 Lambda on UA-cam. YOU ROCK! Congrats on gaining a new subscriber!
Watched a fair few tutorials for this topic - one of the clearest and detailed programming tutorials out there. It was well-paced, clear, to the point, and... I love it when you can tell that the teacher actually understands what they are doing at every step - a lot will just say, 'Create this, do these things and it will just magically work' (especially in areas such as the AWS setup) - that's okay I guess, I love it when things work, but to make it great I want to personally understand what I am doing and why certain actions do certain things. I totally got that from this! This gives me all of the knowledge to implement this into my own project and even take it further. You've gained a new subscriber and I will definitely recommend your channel - can't wait to check out your other videos. Keep up the great work! :)
Thank you so much. I was searching about this niche subject online for few days and very less on - point tutorials were actually available. It was a great help.
Hello, I just want to say thank you for this mega explanation. You helped me a lot to understand this process. I just implemented that in my own MERN app. Thank you again.
thank you so much for making this video. I've been debuggin my code for almost 7 hours trying to upload an image and this finally solved the issue. thank you.
Thanks so much for this clear and concise video✨! Following your steps, I was able to successfully implement image uploads in my own project. This video was a lifesaver! I highly recommend it to anyone else who's getting started with S3
Man you are just amazing . Gluing all the things up as a developer was a pain for me and you have reduced all the hustles . Thanks man . And surely you got a new subscriber.
Thank you for a brilliant Video, goes over everything in just enough depth to help you understand but also dosen't overcomplicate the process. Again, Thank You!
Thank you very much for this video, simply the best video I found telling everything I need about access to S3, even though my application is a Java Backend I still managed to learn everything to apply to my system.
Thanks for this tutorial!! If somebody try to fit this tut with mongoDB/mongoose when you generate a file url by looping the array, think about updating your schema by adding a new imageUrl entry 😉
Amazing tutorial. With this and another of your videos, now upload to S3 via Backend or directly via Frontend is very clear to me. It would be very nice to have a guide for doing the same with AWS Lightsail, where the documentation is very poor but the service is widely used.
@@SamMeechWard However, I had a minor issue. I did everything you did and got the URL using the getSignedUrl method but I can't open the image in my browser. I just get a white screen when I try to open it in my browser. I'd appreciate your help.
@Sam Meech ... thanks for the video. I'm working on a React app and am following along. I got all the way to 22:08. I can't figure out why I'm getting this 'Resolved credential object is not valid' message on the server-side (i.e. nodemon server.js side). As soon as I hit 'submit' on the front-end .. I can see all the data of the req.body & req.file on the server-side (in VS code) ... but my nodemon then crashes and give the error I mentioned. Obviously the .png is not being pushed into my S3 bucket. Any help would be greatly appreciated.
You're not going to believe the stupid-ness of what it was ... it my .env file ... for the Access Key I had it as ACCESS-KEY instead of ACCESS_KEY. That was it, the little dash...
Very useful stuff, I'm not using React but this is fine for me. Do appreciate the codeshare, if I need to fallback on that. The video/narrative is certainly thorough enough. I am looking forward to the CDN video. Thanks again. On a separate note, for possible future interest, I will be looking at automating integration of signup and deployment of the SaaS for each client.
Should I use a package like file-type to determine the file type by checking the magic numbers and then compare that with the mimetype from multer and if they don't match reject the request?
Very clear tutorial and works perfectly on local server. However on live site the urls returning cannot be resolved into images. I'm thinking maybe this is connected to a permissions issue? Many thanks
Sorry for the ingnorance, I'm totally noob, I still dont get if the server is an instance runing on AWS or if is posible to make it work in S3 Bucket, can I deploy Node.js and Express.js in a S3 Bucket?
I'm still trying to find the pricing of AWS. I'm using cloudinary as of right now and I'm looking for other options. if you can tell me how much AWS costs i'd appreciate that
Hey Sam great video! I have a setup where my express server is serving a react bundle. On local, the react bundle will be moved to the assets of express app, and everything works well. But I am planning to deploy the react app bundle to S3, and express server will be on EC2. Is there a way the express server can serve static assets (react bundle) from S3. Is this the correct setup? What would you recommend? Thanks
A year later this is still the best tutorial on S3 uploading. It is criminal how easy you made this for everyone. Subbed & liked.
Really love Sam's videos. There are few and far between quality, intermediate web dev content creators. His inclusion of Devops for solo devs is really great too.
Thank you so much for making this video. For a multi-billion dollar company, AWS sure does make it difficult to do simple things and the docs are incredibly hard to find and understand.
I second you Boss
Same situation here haha
+1
yes i swear they almost broke me , but i got Sam😁
Dude you 're so underrated, you have hands down the best node express videos.
Following along with you is super easy and your videos are so informative.
Please don't stop doing what you are doing.
You are awesome !
Thank you 🤗
I agree entirely. One of the cleanest presenters I've seen
Totally!
This should just be slapped on the top of the s3 documentation tbh. Thank you for this!
Just in case anyone is running into trouble with adding the credentials parameter to the S3Client object, the current version of the AWS SDK (as of writing this) for Node doesn't require it as a parameter anymore. The credentials are automatically read from the .env file, and MUST be named AWS_ACCESS_KEY_ID and AWS_SECRET_ACCESS_KEY.
thank you, this comment must be pinned :)
This is an example from aws docs, you can use json file as well:
"'
You can load configuration and credentials from a JSON document on disk using AWS.config.loadFromPath. The path specified is relative to the current working directory of your process. For example, to load credentials from a 'config.json' file with the following content:
{ "accessKeyId": , "secretAccessKey": , "region": "us-east-1" }
Then use the following code:
var AWS = require("aws-sdk");
AWS.config.loadFromPath('./config.json');
"'
Dude I'm 2/3rds into the video. Lemme just say, BEST image processing tutorial on youtube for node/express; hands down.
After 2 weeks of muddling through multer and sharp, only to realize heroku renews your files (thus erasing anything saved to it with FS), this is like EXACTLY what I needed to get past the image uploading process in my app. None of the tuts mention small details like the "fit" property in Sharp's resize method object, my portrait style uploads were looking so wonky before this.
You have my subscribe. Shout out to you!
Oh I am so glad that I read this comment because I was specifically looking for something due to Heroku deleting apps.
perfect timing, just was about to watch your older videos again but this is a treat! Thank you
Enjoy!
I have been looking for a video to learn Lambda. I have watched 4 to 5 other videos that only ended making me more confused or were full of fluff. I decided to try out your video and this is the best and most explanatory video onS3 Lambda on UA-cam. YOU ROCK! Congrats on gaining a new subscriber!
Watched a fair few tutorials for this topic - one of the clearest and detailed programming tutorials out there. It was well-paced, clear, to the point, and... I love it when you can tell that the teacher actually understands what they are doing at every step - a lot will just say, 'Create this, do these things and it will just magically work' (especially in areas such as the AWS setup) - that's okay I guess, I love it when things work, but to make it great I want to personally understand what I am doing and why certain actions do certain things. I totally got that from this! This gives me all of the knowledge to implement this into my own project and even take it further. You've gained a new subscriber and I will definitely recommend your channel - can't wait to check out your other videos. Keep up the great work! :)
Highly agree
Thank you for this Tutorial, Your Concept grasp has let me understand what really was going on in there. Thanks for the hard work for this video!!
You're very welcome!
Figuring out S3 through the docs is an absolute nightmare. Thank you for this
Thank you so much. I was searching about this niche subject online for few days and very less on - point tutorials were actually available. It was a great help.
Such amazing timing...! I was asked today to utilize the S3 server in our short-term project and here you are... wow. Thank you.
🤗
20.04.2024 still best tutorial about S3. I use Nestjs but still very informative for me. Huge respect!!
Hello, I just want to say thank you for this mega explanation. You helped me a lot to understand this process. I just implemented that in my own MERN app. Thank you again.
thank you so much for making this video. I've been debuggin my code for almost 7 hours trying to upload an image and this finally solved the issue. thank you.
Thanks so much for this clear and concise video✨! Following your steps, I was able to successfully implement image uploads in my own project. This video was a lifesaver! I highly recommend it to anyone else who's getting started with S3
Man you are just amazing . Gluing all the things up as a developer was a pain for me and you have reduced all the hustles . Thanks man . And surely you got a new subscriber.
You are my hero dude.
I'm building a guitar lessons app, and this is the EXACT info I needed to keep going.
What a terrific tutorial. Well-paced and covers all relevant topics.
Thanks. Just came across the best tutorial to store, fetch and delete images to and from S3. Please keep the good work going!
This is such a great resource! Greatly explained as well. What a gem. Thank you.
Thank you for a brilliant Video, goes over everything in just enough depth to help you understand but also dosen't overcomplicate the process. Again, Thank You!
Thank you so much, this was one of the best tutorials I have ever watched
You’re welcome ☺️
I have been recommending your videos to my peers as well !! they are amazing !!
Dude. You have no idea how much you've helped me. Awesome video!! Congrats.
Thank you very much for this video, simply the best video I found telling everything I need about access to S3, even though my application is a Java Backend I still managed to learn everything to apply to my system.
Thank you so much for all your work! you are an amazing developer and teacher! your videos are amazing!
Thank you 😊
Forsure the best tutuorial I've watched on this topic. Thank you for this. Earned a sub and like.
it was the clearest video i found about express and s3. And I do a lot of research.
Thanks Sam for the great content. I find it really helpful and you make some of the concepts easy to understand. Thanks again.
really great walkthrough, clear and concise, thanks again Sam!
Very clear explanations and easy to follow. Thanks for the nice video series.
உங்கள் வீடியோ மிகவும் நன்றாக உள்ளது அண்ணா
This is awesome. Kudos mate. looking forward to seeing more videos rolling.
Thanks a lot Sam, prob the best tutorial out there on youtube!
Thanks a lot. Your teaching style is awesome and the video is to the point.
Amazing video. I successfully applied the principles here to react native!
Great stuff here. I don't typically think to use the network tab. Lots of good info here!
Great information in a precise and on-point manner 👌. Loved it bro ❤️
Glad you loved it!
This video is amazing, I have learned a lot from your video. Keep creating more content like this.
Great Video. No words to thank you. So much of learnings
thanks bro , this video is a life saving , keep up the good work !!
Instant follow, you are daa best!
Please bring more web + was integrations with different was services!
Just subscribed for the good explanation & code walkthrough!
Thank you very much!!!! Perfect video! You have the talent of teaching.
really straightforward and informative, thank you!
Such a nice explanation! Love it.
Hands down the best video on the subject! Could you do a video, or even just a repo, of this with multiple images/attachments?
best s3 playlist available in yt
Great video bro. You are a really good teacher.
Tysm for making this video. Exactly what I am looking for.
Thank you so much it's very very much useful for me
i'm cloud computing student so it's very useful for me
Best tutorial on S3 there is!
Dziękujemy.
Thanks for this tutorial!! If somebody try to fit this tut with mongoDB/mongoose when you generate a file url by looping the array, think about updating your schema by adding a new imageUrl entry 😉
This is only really good if you're not using a signed url
i'm using mongodb and mongoose and doesn' work for me when i try to add a signed url
you have no idea how this helped me. Thank you!!
Amazing tutorial. With this and another of your videos, now upload to S3 via Backend or directly via Frontend is very clear to me.
It would be very nice to have a guide for doing the same with AWS Lightsail, where the documentation is very poor but the service is widely used.
Thanks for this amazing tutorial Sam!
You're welcome 🤗
@@SamMeechWard However, I had a minor issue. I did everything you did and got the URL using the getSignedUrl method but I can't open the image in my browser. I just get a white screen when I try to open it in my browser. I'd appreciate your help.
Thanks!
Great Video :) simple and clear with all the Information.
Glad it was helpful!
@Sam Meech ... thanks for the video. I'm working on a React app and am following along. I got all the way to 22:08. I can't figure out why I'm getting this 'Resolved credential object is not valid' message on the server-side (i.e. nodemon server.js side). As soon as I hit 'submit' on the front-end .. I can see all the data of the req.body & req.file on the server-side (in VS code) ... but my nodemon then crashes and give the error I mentioned. Obviously the .png is not being pushed into my S3 bucket. Any help would be greatly appreciated.
You're not going to believe the stupid-ness of what it was ... it my .env file ... for the Access Key I had it as ACCESS-KEY instead of ACCESS_KEY. That was it, the little dash...
Would be awesome to get an updated version of this video using NextJS 14
such a great resource, thx a lot sam
Awsome video!! However,
I wonder how dose Sam change his code so fast at 17:40 ?
Is there any keyboard shortcuts?
Out of topic but how did he do everything from 17:39 💀 I need to learn these shortcuts asap
Very useful stuff, I'm not using React but this is fine for me. Do appreciate the codeshare, if I need to fallback on that. The video/narrative is certainly thorough enough. I am looking forward to the CDN video. Thanks again. On a separate note, for possible future interest, I will be looking at automating integration of signup and deployment of the SaaS for each client.
Sam, we need more aws content from you, please :)
Thanks for the video. I was really struggling for this and needed now qhat i was expecting
Damn bro, you just save my proyect! AMAZING tutorial
You're welcome 🤗
great stuff! Enjoying all the aws content
Awesome, thank you!
Excellent work here sir.
whats that auto-complete thingy 23:41 bro
Thank you for this video! I understood correctly: you run the express server to work in Node.js?
Dude, how did you undo the underscores you removed by selection @18:10 ?
I didn't, I just pasted the last thing I copied, which just happened to be the env vars with the underscores 🤗
@@SamMeechWard :D it's the little things that show how smart you are
awsome, thank you so much. Love your content.
Very Time saving tutorial, Thank you
mate, you are THE LEGEND!
Should I use a package like file-type to determine the file type by checking the magic numbers and then compare that with the mimetype from multer and if they don't match reject the request?
Thanks for that video. It helped me alot!
Very clear tutorial and works perfectly on local server. However on live site the urls returning cannot be resolved into images. I'm thinking maybe this is connected to a permissions issue? Many thanks
This was really helpful. Thanks.
Sorry for the ingnorance, I'm totally noob, I still dont get if the server is an instance runing on AWS or if is posible to make it work in S3 Bucket, can I deploy Node.js and Express.js in a S3 Bucket?
Thanks immensely for this!
You are a Godsend! Thank you so much
He mentioned something about uploading multiple images, how would I do that?
I'm wondering the same thing. Were you able to figure it out?
Thanks a lot Sam! but how can i avoid the images expiration date of 7 days?
this video could not be better.
Awesome video! You are a lifesaver!
Bro excellent video! thank you
Exactly what i need. Thx a lot 😊
I'm still trying to find the pricing of AWS. I'm using cloudinary as of right now and I'm looking for other options. if you can tell me how much AWS costs i'd appreciate that
Very helpful, thank you very much!
Thank for your extends my knowledge
What if you leave the getSignedUrl's "expires-in" part empty?
You save my life Dude!. Thx
🤗
Hey Sam great video! I have a setup where my express server is serving a react bundle. On local, the react bundle will be moved to the assets of express app, and everything works well.
But I am planning to deploy the react app bundle to S3, and express server will be on EC2. Is there a way the express server can serve static assets (react bundle) from S3. Is this the correct setup? What would you recommend? Thanks
amazing video, liked and subscribed
Amazing Bro .. Just Perfect😁😁
what is the cheapest way to run the node express server for frontend api calls on aws? and also for serving the react app?
Thank you for this
But what if i want to update an image and then delete the old image from S3 to save memory