Member-only story
How to Upload Files to AWS S3 From NextJS App
Without the struggle with CORS policy.
NextJS is a frontend framework, and since the frontend doesn’t have an access to the different origins due to the CORS policy, it’s tedious to implement it if you’re doing it in the wrong way. Of course that you can alter going out requests in the next.config.js file with redirection from an API route, but then using NextJS serverless API which is super handy, lose its benefits. In this “fast, to the point” article we’re gonna go over the steps needed in order to make it work.
Btw if you prefer to work with ready code, you can find such here:
AWS S3
If you don’t know what AWS S3 is, S3 stands for Simple Storage Service and it’s exactly that. It allows you to store all of the different files online on Amazon servers, and retrieve them fast and safely. An additional bonus is the “pay as you scale” business model, which let you try the service out, even use it in production for free if you’re needs aren’t that big. With that said, let’s now focus on what we have to do in order to use it in our web app.
1. Create an AWS account
You can sign in to the console there. The difference between a root user and an IAM user is, that a root user's credentials are the credentials through which you’ve registered, providing your card and billing details. IAM user accounts are the ones, which you create for individual AWS services. Summing it up, you want to create a root user there.
2. Navigate to the S3 / IAM service
