Deploy a static site locally

This guide will show you how to host a static site from a local Amplify project 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
Vue
Angular
Solid
Svelte

Create a new web app and change into the directory

npx create-react-app amplifyapp
cd amplifyapp

Initialize a new Amplify project

amplify init
# Follow the steps to give the project a name, environment name, and set the default text editor.
# Accept defaults for everything else and choose your AWS Profile.

Add hosting

amplify add hosting
? Select the plugin module to execute: Hosting with Amplify Console
? Choose a type: Manual Deployment

Deploy the app

Now, the app is ready to deploy. To do so, you can run the publish command.

amplify publish

View in the Amplify Console

To view the project in the Amplify Console at any time, you can run the console command:

amplify console