How to deploy a code on AWS Amplify

Step 1:- Login to the AWS Management console

Step 2:- Search AWS Amplify on the search bar and click on it.

Step3:- Select GET STARTED and on Deliver section click on GET STARTED

Step 4:-  Navigate All Page > New tab > Host web app

Step 5:- Choose “Deploy without Git provider” then continue

Step 6:- Enter the App name which you need to deploy & the Environment name as Development/Production

Step 7:- Follow any one of the three methods

(i) Drag and drop – drag and drop files from your desktop onto the drop zone or use Choose files to select the files from your computer. The files that you drag and drop or select can be a folder or a zip file that contains the root of your site.

(ii) Amazon S3 – Choose the bucket name from the list

(iii) Any URL – enter the URL to the zipped file to deploy

Note: When you create the zip folder, make sure you zip the contents of your build output and not the top level folder. For example, if your build output generates a folder named “build” or “public”, first navigate into that folder, select all of the contents, and zip it from there. If you do not do this, you will see an “Access Denied” error because the site’s root directory will not be initialized properly.

Step 8:- Choose Save & deploy