Deploy a Web App on AWS Amplify

Overview

In this tutorial, you will learn how to deploy a web application with AWS Amplify. Amplify offers a Git-based CI/CD workflow for building, deploying, and hosting single-page web applications or static sites with serverless backends. With fullstack TypeScript capabilities, Amplify brings the power and breadth of AWS services to a familiar frontend developer experience. Simply author app requirements like data models, business logic, and auth rules in TypeScript. Amplify automatically configures the correct cloud resources and deploys them to per-developer cloud sandbox environments for fast, local iteration.

What you will accomplish

In this tutorial, you will learn how to:

• Create your first Amplify project

• Use Amplify to add authentication, a real-time API, and a database to your application

• Use Amplify libraries to connect the fronted with with AWS services

• Deploy a web app with AWS Amplify

Prerequisites

Before starting this tutorial, you will need:

• An AWS account: if you don't already have one follow the Setup Your Environment tutorial.

• Configure your AWS profile for local development.

• Installed on your environment: Nodejs and npm.

• Familiarity with git and a GitHub account.

Tasks

This tutorial is divided into the following tasks. You must complete each task before moving to the next one.

1. Task 1: Create a new Amplify Project (5 mins): Create a new application with Amplify.

2. Task 2: Initialize the Amplify Backend (10 mins): Initialize the AWS Amplify backend for your app.

3. Task 3: Build the Frontend (5 mins): Connect the app to the backend.

4. Task 4: Deploy the App: (10 mins): Deploy your new application.

5. Task 5: Clean up Resources: (2 mins): Clean up resources.