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