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
- 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.
- Amplify Hosting
Connect your Git repository to continuously deploy your frontend and backend. Host it on a globally available CDN.
Pre-requisites:
For this you will need a repo with a bitbucket URL (and optionally may be already deployed earlier or at least locally tested).
Steps:
Step 1 - Open the AWS Amplify homepage
eg:- https://ap-southeast-console.aws.amazon.com/amplify/home?region=ap-southeast-2#/
This will open the Amplify Homepage.
Step 2 - Scroll down to Amplify Hosting and click 'Get Started'. This will start the webhosting process.
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).
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,
This step will build a connection with your dev work
Step 5 - Next provide the permissions to access all repos or selective repos.
Click 'Install & authorize'
Step 6 - Now under recently updated repos, select the repo & branch that you want to get published.
a. select the repo
b. select the branch
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.
Step 8 - Now, review all the settings and click 'Save and Deploy'
Step 9 - Monitor the deployment for Provision - Build and then Deploy.
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)