# Hosting static website on AWS Amplify

# Introduction

AWS Amplify is a set of tools and services for building and deploying cloud-powered applications. It includes a library of pre-built UI components, a command-line interface for building and deploying your applications, and a backend platform for hosting and scaling your app. AWS Amplify makes it easy to build and deploy applications quickly, with a focus on improving the developer experience.

# Pricing

AWS Amplify is free to use, and many of the services and features it provides are also free. For example, the AWS Amplify CLI is free to use, as are the pre-built UI components and the backend platform.

However, some of the services and features provided by AWS Amplify do have costs associated with them. For example, if you use the storage or database features of AWS Amplify, you may be charged for the use of underlying AWS services like Amazon S3 or Amazon DynamoDB. Similarly, if you use the authentication or authorization features of AWS Amplify, you may be charged for the use of underlying AWS services like Amazon Cognito.

# Steps for Hosting

* Sign in to the AWS Management Console and navigate to the Amplify service.
    
    ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1673280583419/9736ee88-5abe-44b9-8e11-9916f6a4390c.png align="center")
    
* Click the "Get started" button to start a new Amplify project.
    
    ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1673280626109/2f3c6fda-abd0-4220-8236-7c01e2d20b30.png align="center")
    

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1673280706921/6cf9271d-1387-4908-80cb-e69a0d6b0669.png align="center")

* Build your static website using your preferred tools and frameworks.
    
* Upload your static website files to the Amplify hosting environment by Connecting the Git repository or to your source code or Upload the files to deploy your website.
    
    ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1673280804805/e324c44d-0b56-4cae-bd8c-9517946fa303.png align="center")
    
* Authorize AWS Amplify to access to your Git provider account
    
    ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1673281072106/e3f2535e-af5a-43b8-a17d-73a3be07afd2.png align="center")
    
* Choose the repository and branch where your code resides.
    
    ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1673281160525/8ada95b3-8c2e-416e-b99a-f2917cd127f1.png align="center")
    
* Give the App name then save and deploy.
    
    ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1673281221015/3ee943a2-60c7-4656-8a04-6a2a6e4b8dab.png align="center")
    

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1673281617655/52d481cd-1116-4829-b27f-b1fb58b93881.png align="center")

* Allow some time for the website to be deployed.
    
    ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1673281996170/cdbfac7f-4041-4e35-a576-90626c707ded.png align="center")
    

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1673282054453/45c06a06-cff0-4c4a-b304-da79f70a1ed1.png align="center")

* Click on the link shown and browse your static website
    
    ![](https://cdn.hashnode.com/res/hashnode/image/upload/v1673282429975/8e53a454-9335-4c98-810f-c3ffc907de31.png align="center")
    

# Conclusion

That's it! You should now have a static website hosted on AWS Amplify. If you need more detailed instructions or run into any issues, you can refer to the [AWS Amplify documentation](https://docs.aws.amazon.com/amplify/) for more information.