Next.Js 14 – AWS S3 File Upload Server Actions

By Raddy in NextJs · January 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. This time instead of an API Route, I am going to use Server Actions for the upload form.

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

Support This Work

If you found this guide helpful, consider supporting me with a small donation. Your contribution helps me keep these tutorials up to date and create more quality content.

Scan to donate

Or buy me a coffee here

Author

Hi! I’m Raddy. I am a web developer, often making YouTube Videos, Blog Posts and side projects. Enquiries: [email protected]

Previous Post in Category

Next Post in Category