Deploy a Web App on AWS Amplify

Tutorial

Introduction

Follow step-by-step instructions to build and deploy your first web application using 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:

 AWS Experience

Beginner

 Time to Complete

30 minutes

 Cost to Complete

Free Tier eligible

 Requires

  • AWS Account with administrator-level access*
  • Nodejs and npm

[*]Accounts created within the past 24 hours might not yet have access to the services required for this tutorial.

 Last updated

July 17, 2024

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.

Was this page helpful?

Create Amplify Project