Deploy a static site from GitHub
This guide will show you how to host a static site from a GitHub repository using Amplify hosting.
In this example, you will be deploying a React app, but you can also use any of the following types of projects or frameworks:
- Static HTML
1npx create-react-app amplifyapp2cd amplifyapp3npm start
In this step, you will create a GitHub repository and commit your code to the repository. You will need a GitHub account to complete this step – if you do not have an account, sign up here.
a. Create a new GitHub repo for your app (link).
b. Initialize git and push the application to the new GitHub repo by executing the following commands in your CLI:
1git init2git remote add origin firstname.lastname@example.org:username/reponame.git3git add .4git commit -m ‘initial commit’5git push origin main
In this step, you will connect the GitHub repository you just created to the AWS Amplify service. This will enable you to build, deploy, and host your app on AWS.
b. Select Get Started under Deploy.
c. Select GitHub as the repository service and select Next.
d. Authenticate with GitHub and return to the Amplify Console. Choose the repository you created earlier and the main branch, then select Next.
e. Accept the default build settings and select Next.
f. Review the final details and select Save and deploy.
g. AWS Amplify Console will now build your source code and deploy your app at https://branchname.appid.amplifyapp.com
h. Once the build completes, select the thumbnail to see your web app up and running live.