Host a simple HTML website from Github using AWS Amplify in 1 Minute
AWS Amplify is a set of purpose-built tools and features that enables frontend web and mobile developers to quickly and easily build full-stack applications on AWS. Amplify provides two services: Amplify Hosting and Amplify Studio. Here we will be focousing on its hosting
Prerequisites:
- Github or anyother code repository which can be intregrated with Amplify
- AWS Account with enough credits
Steps
- Create a Github repository
The first step is to create a Github repository to store the code. Give your repository a name and a description, and select “Public” for the visibility. - Create an AWS Amplify account
The next step is to create an AWS Amplify account. If you don’t have an AWS account, sign up for one. After signing up, navigate to the AWS Amplify Console and click the “Get started” button. (Beware of the cloud costs) - Connect your Github repository to AWS Amplify
Once you have created your AWS Amplify account, connect your Github repository to AWS Amplify. To do this, click the “Connect app” button and select “Github” as the repository provider. Follow the instructions to grant AWS Amplify access to your Github repository.
4. Deploy your website
Once you have connected your Github repository to AWS Amplify, it’s time to deploy your website. In the AWS Amplify Console, click the “Host webapp” and select the correct repo name. The click “Next and finally click “Save and Deploy”
Wait for few minutes to finish the build and deploy. You can access your site from the default domian which is available in the Amplify home page.
Domain Name — https://main.************.amplifyapp.com/
References:
https://docs.amplify.aws/console/
https://docs.aws.amazon.com/amplify/latest/userguide/welcome.html
