Build and hosting a React website using AWS Amplify

Photo by Joshua Aragon on Unsplash

Here you are going to learn how to initialize, configure, deploy and host an AWS Amplify Console, served via Amazon CloudFront to host static resources for your web application.

Architecture Overview

Architecture Overview

Prerequisites

Before we begin, make sure you have the following installed:

• Node.js v10.x or later
• npm v5.x or later
• git v2.14.1 or later

Start & Configure Amplify Project

Install amplify CLI

npm install -g @aws-amplify/cli

Now create your react app:

npx create-react-app react-amplified --use-npm

Move to your root folder (react-amplified) and start your application:

npm start

You can see the running app by navigating to http://localhost:3000.

React app locally running locally 🙌