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:
- An AWS account: if you don't already have one follow the Setup Your Environment tutorial.
- Your AWS profile configured 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.
- Create Amplify Project (5 mins): Create a new application with Amplify.
- Initialize the Amplify Backend (10 mins): Initialize the AWS Amplify backend for your app.
- Build the Frontend (5 mins): Connect the app to the backend.
- Deploy the App: (10 mins): Deploy your new application.
- Clean up Resources: (2 mins): Clean up resources.