How to Upload Files into AWS S3 from Next.js [S3 Setup, Cloudfront, and AWS-SDK]

This video shows you how to setup an AWS S3 Bucket with Cloudfront CDN, then programmatically upload files into the bucket from a Next.js Application with the AWS SDK S3 Client package.

0:00 Introduction 1:00 Create Bucket 3:20 Setup Cloudfront Distribution 7:54 Custom Subdomain for Cloudfront with SSL 14:34 Creating IAM User 20:32 Next.js Application 22:46 Form Component 24:06 Generating access and secret keys 26:32 Server Actions for Handling Form Submission 29:21 UseFormState Hook for displaying form state 31:29 Installing AWS S3 Client 35:26 Testing File Upload

Website: https://codingreflections.com

Server providers: Linode: https://codingreflections.com/go/linode/ DigitalOcean: https://codingreflections.com/go/digitalocean/

Disclaimer:

This video is based on my personal experiences and knowledge. There is no guarantee that the information shared is 100% accurate.

Disclosure:

This video and its description may contain affiliate links, which can earn us commission if someone purchases products using those links. ... https://www.youtube.com/watch?v=Onf0qrPAEZs