You will need to configure AWS Amplify to securely store profile images in an S3 bucket. To save time, the Serverless Backend CloudFormation template that created the serverless backend API for this workshop also created an S3 bucket for this purpose with the cross-origin resource sharing (CORS) settings already set. You just need to associate this bucket with your application’s code.
Browse to your CloudFormation stack created in the earlier modules and find the name of the S3 bucket under Outputs. Once you have the name, open your amplify-config.js file again and update the storage section with the bucket’s name and region.
Go the AWS Management Console, click Services then select CloudFormation under Management Tools.
In the CloudFormation console, click on your Wild Rydes stack name, such as WildRydesBackend.
Click on the Outputs tab.
Copy your bucket name to your clipboard. It is the name shown under Value for the key called WildRydesProfilePicturesBucket.
Next, return to your Cloud9 IDE and open the file /website/src/amplify-config.js.
Fill in values for both the bucket name, which you just copied, as well as the region where your CloudFormation template was launched
Your final structure for the storage configuration of amplify-config.js should look like the following.
Storage: {
bucket: 'wildrydes-profilepicturesbucket-1rmvuic97osxd',
region: 'us-east-1'
}