Next.Js 14 - AWS S3 File Upload using Server Actions
Raddy Raddy
33.6K subscribers
6,840 views
175

 Published On Jan 2, 2024

In this video I will guide you thru the process of creating an AWS S3 Bucket and applying public permissions so that files are available to anyone of the internet.

In the second half of the video, I'll demonstrate creating a file upload form using NextJs and the official AWS S3 Client SDK. I will use one of the methods of creating and submitting forms using Server Actions.

➡ Github: https://github.com/RaddyTheBrand/Next...
☕ BuyMeACoffee: https://www.buymeacoffee.com/RaddyThe...

Policy:
{
"Version": "2012-10-17",
"Statement": [
{
"Sid": "PublicReadGetObject",
"Effect": "Allow",
"Principal": "*",
"Action": "s3:GetObject",
"Resource": "arn:aws:s3:::gearxplorer-prod/*"
}
]
}

Discounts:
⚡ Hostinger: https://www.hostg.xyz/aff_c?offer_id=...
⚡ Elementor: https://be.elementor.com/visit/?bta=2...

Recording Equipment:
◾ Microphone: https://amzn.to/3uX0yvP
◾ Shotgun Mic: https://amzn.to/3aRsSJb
◾ Camera: https://amzn.to/3IMumkx
◾ Lens: https://amzn.to/3ARxvh8
◾ Lighting: https://amzn.to/3PBetj2

Computer Gear:
◾ Keyboard: https://amzn.to/3RCXRcC
◾ Headphones: https://amzn.to/3aIvskX
◾ Mouse: https://amzn.to/3VfVuxO

Connect with me:
◾ Website: https://www.raddy.dev
◾ Newsletter: https://www.raddy.co.uk/newsletter

Chapters:
◾ 0:00 Introduction:
◾ 0:24 S3 Bucket Setup
◾ 4:44 IAM Uuser Setup
◾ 8:05 Next.Js AWS S3 SDK + Server Actions
◾ 40:45 Sharp Image Optimization

#nextjs #aws #s3

show more

Share/Embed