Next.Js 14 - AWS S3 File Upload using Server Actions

Опубликовано: 02 Январь 2024
на канале: Raddy

8,411

200

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

Смотрите видео Next.Js 14 - AWS S3 File Upload using Server Actions онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Raddy 02 Январь 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 8,411 раз и оно понравилось 200 людям.

580