How to deploy your websites with AWS Amplify?
Tags: aws, serverless, webdev
Published: 2020-08-14 17:55:37

## **What is AWS Amplify**
AWS Amplify helps mobile developers and web developers to build highly scalable and secure full-stack applications powered by AWS. Amplify enables developers to easily create custom onboarding flows, develop voice-enabled experiences, and many more.

We are going to use AWS Amplify Console to deploy our static website built using HTML and SASS.

AWS Amplify Console allows users to host static websites along with the accelerated release cycle by providing a simple CI/CD workflow for the deployment.

### **Initial Requirements**
* AWS Account (free tier works!)
* GitHub repository of the project
* A Domain (in case you want a custom domain)

Now head over to [aws.amazon.com/amplify](https://aws.amazon.com/amplify/getting-started/) and create a free tier account. It's simple you just need to click on 'create an AWS account' and follow the procedure.

### **How it works: Deploy**
Now there are just three simple steps to deploy your static web application with Amplify. 

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/06s4a310050hm8f3fphd.png)
**Step 1: Connecting your GitHub Repository**
You can upload your project to a repository on GitHub, Bit Bucket, GitLab, or CodeCommit.

I uploaded my website to GitHub, so I am going to select the GitHub option to connect source code.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/ucnvt0o2s35742loe2ph.png)
Click 'Continue' to proceed and now after authentication with GitHub, you have to select a particular branch from the repository, in my case name of the repository is 'Natours' and the branch is 'master'.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/6nz4414vymewiskzmani.png)
Now, click on next and you will be directed to the next step!

**Step 2: Configure Build Settings**

In this step, you will be asked to *pick a name* for your application and to review your *build* and *test* settings, which are auto-detected by the console itself. In advance settings, you can also add custom build image and environment variables.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/cw3vquw82wg8kiunotbh.png)

After that, you have to click next and review your 'Repository details' and 'App settings'. If everything is alright, you can click on "Save and Deploy".

**Step 3: Deploy your App**

When you click on save and deploy, the continuous deployment starts, you can see the following steps on the console:

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/uvso2f4286c675z3cwu3.png)

After all the four steps turn into green checkmarks, you can see the following screen, and you can click the website preview on the left side to open your live website!

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/9mjzmz0rd9u1gaq1eeat.png)

Here is the [link](https://master.d3udblknnqzuh2.amplifyapp.com/) to the website I just deployed! 

Thanks for reading and following along, Peace ☮✌️.

**Feel free to reach out to me:**
> **GitHub** - https://github.com/iabhishek07
> **Twitter** -  https://twitter.com/I_AM_Abhishek07
> **LinkedIn** -  https://www.linkedin.com/in/abhishek-wagh-674283141/
> **EMail** - waghabhi21@gmail.com