Select your cookie preferences

We use essential cookies and similar tools that are necessary to provide our site and services. We use performance cookies to collect anonymous statistics, so we can understand how customers use our site and make improvements. Essential cookies cannot be deactivated, but you can choose “Customize” or “Decline” to decline performance cookies.

If you agree, AWS and approved third parties will also use cookies to provide useful site features, remember your preferences, and display relevant content, including relevant advertising. To accept or decline all non-essential cookies, choose “Accept” or “Decline.” To make more detailed choices, choose “Customize.”

Skip to main content

Getting Started Resource Center

TUTORIAL

Deploy a Web App on AWS Amplify

Follow step-by-step instructions to build and deploy your first web application using AWS Amplify

Introduction

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:

Tasks

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

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

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

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

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

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

Create Amplify Project

Start Task One