DEV Community

Cover image for AWS Amplify : Website Migration

AWS Amplify : Website Migration

I have a custom web app which would help me track buses around my area and to also give me a clear view on where they current GPS location, letting me leave out at a precise time.

This Website was earlier hosted on Heroku and was working fine. However, recently Heroku has taken away the free tier and I was exploring alternate web hosting options for my site.

I gave a go with AWS Amplify web hosting and I am very impressed with the ease of getting it done. Took me less than 5 mins to complete the whole process.

I will document here the full journey on AWS Amplify Web hosting.

Firstly, what is AWS Amplify?

AWS Amplify is a set of products and tools that enable mobile and front-end web developers to build and deploy secure, scalable full-stack applications, powered by AWS.

AWS Amplify provides two components

  1. Amplify Studio

Build an app backend with auth, data, and storage, and create custom UI components. Then integrate them in your app with just a few steps.

  1. Amplify Hosting

Connect your Git repository to continuously deploy your frontend and backend. Host it on a globally available CDN.

For this you will need a repo with a bitbucket URL (and optionally may be already deployed earlier or at least locally tested).


Step 1 - Open the AWS Amplify homepage
Image description
This will open the Amplify Homepage.

Step 2 - Scroll down to Amplify Hosting and click 'Get Started'. This will start the webhosting process.

Image description

Step 3 - Choose an existing repo. In my case the repo was hosted on bitbucket. In my case, its currently in GitHub (planning to migrate it to AWS CodeCommit).

Image description
This step will initiate the steps required for linking the repo.

Step 4 - Authorize this access request by AWS Amplify on Github by
a. signing in with the GitHub credentials,

Image description
b. entering the 2FA

Image description
c. authorizing the access

Image description

This step will build a connection with your dev work

Step 5 - Next provide the permissions to access all repos or selective repos.

Image description

Click 'Install & authorize'

Step 6 - Now under recently updated repos, select the repo & branch that you want to get published.

a. select the repo
Image description
b. select the branch

Image description

Step 7 - Next select the build setting. Here you can define the app name and additionally you can configure the advanced settings if required. I didnt had that much need so went with the default one.

Image description

Step 8 - Now, review all the settings and click 'Save and Deploy'

Image description

Step 9 - Monitor the deployment for Provision - Build and then Deploy.

Image description

That's it.
You will get the deployment URL and once the deploy step is successful you will be able to access it.

It was really easy and straightforward to migrate my website on AWS Amplify.

Hope you had a good read and can try this out now.

Top comments (0)