DEV Community

Cover image for Host and deploy your website to AWS Amplify within one minute
Anurag Vishwakarma
Anurag Vishwakarma

Posted on

Host and deploy your website to AWS Amplify within one minute

Image description
"Easily deploy your web app or website to the fast, secure, and reliable AWS content delivery network (CDN), with hundreds of points of presence globally."

👉🏻Let's Start

Image description

1.Choose Get started under Deliver.

Image description
2.If you are starting from the All apps page, choose New app, then Host web app in the upper right corner.

Image description

Step 1: Connect a repository
Connect your GitHub, Bitbucket, GitLab, or AWS CodeCommit repository. You also have the option of manually uploading your build artifacts without connecting a Git repository.

Image description

Step 2: After you connect the repository service provider
Choose a repository, and then choose a corresponding branch to build and deploy.

Image description

Step 3: Confirm build settings for the front end
For the selected branch, Amplify inspects your repository to automatically detect the sequence of build commands to run.

Image description

Step 4: Confirm build settings for the backend

Image description

Step 5: Save and deploy
Review all of your settings to ensure everything is set up correctly. Choose Save and deploy to deploy your web app to the AWS global content delivery network (CDN). Your front end build typically takes 1 to 2 minutes but can vary based on the size of the app.

Image description
1.Provision - Your build environment is set up using a Docker image on a host with 4 vCPU, 7GB memory. Each build gets its own host instance, ensuring that all resources are securely isolated. The contents of the Docker file are displayed to ensure that the default image supports your requirements.

2.Build - The build phase consists of three stages: setup (clones repository into container), deploy backend (runs the Amplify CLI to deploy backend resources), and build front end (builds your front-end artifacts).

3.Deploy - When the build is complete, all artifacts are deployed to a hosting environment managed by Amplify Hosting. Every deployment is atomic - atomic deployments eliminate maintenance windows by ensuring that the web app is only updated after the entire deployment has completed.

Top comments (0)