Host a Static Web app using AWS Amplify

Host a Static Web app using AWS Amplify

AWS Amplify

AWS Amplify is a set of tools and services that can be used together or on their own, to help front-end web and mobile developers build scalable full stack applications, powered by AWS.

Here i am going to explain how to host a static Webapp in Aws Amplify.

Your static web app is in any Language like html, php ,angular.

Supported languages.

image.png

First test your project locally and push the code to your version control system like GitHub or bitbucket.

  • Open amplify in AWS console.

image.png

  • In the amplify console click in write side three lines are there. Select all apps.

image.png

  • Click the new app and select host a webapp

image.png

  • Its shows some version control vendors like GitHub, code commit

image.png

  • I am going to launch the web app from GitHub repository. So, i select GitHub and continue.

image.png

  • Authorize and continue.

image.png

  • Select repository and branch and click next. You can choose any branch for deploying it.

image.png

  • Next configure build settings.

image.png

  • Now save and deploy

image.png

image.png

image.png

  • now your webapp is ready and amplify create the publicly accessible URL.

image.png

  • Check the URL in browser.

image.png

That's all we are hosted successfully our web app using AWS Amplify.