Getting Started with AWS

Build a Full-Stack React Application

Create a simple web application using AWS Amplify

Introduction: Build a Full-Stack React Application

Follow step-by-step instructions to build your first React application

Overview

In this tutorial, you will create a simple full-stack web application using AWS Amplify, a set of tools and services including a web hosting service. In the first module, you will build and host a React application on AWS. Through the remaining four modules, you will initialize a local app using the CLI, add authentication, add a GraphQL API and database, and update your app to store images.

What you will accomplish

This tutorial will walk you through the steps to create a simple web application discussed above. You will learn:

  • Hosting: Build and host a React application on the AWS global content delivery network (CDN)
  • Authentication: Add auth to your app to activate sign-in and sign-out
  • Database and storage: Add a GraphQL API, database, and storage solution

 AWS experience

Beginner

 Time to complete

50 minutes

 Cost to complete

Free Tier eligible

 Requires

  • AWS account with administrator-level access*
  • Node.js: Node.js v10.x or later
  • GitHub account
  • Git**: Windows users will need to install Git

[*]Accounts created within the past 24 hours might not yet have access to the services required for this tutorial.
[**] Not applicable for iOS users as Git comes standard.

 Services used

AWS Amplify

 Last updated

September 23, 2022

Modules

This tutorial is divided into five short modules. You must complete each module in order before moving on to the next one.

  1. Deploy and Host a React App (10 minutes): Create a React app and deploy and host through AWS Amplify.
  2. Initialize a Local App (5 minutes): Initialize a local app using AWS Amplify.
  3. Add Authentication (10 minutes): Add auth to your application.
  4. Add a GraphQL API and Database (15 minutes): Create a GraphQL API.
  5. Add the Ability to Store Images (10 minutes): Add storage to your app.

You will be building this React application using the command prompt/terminal, text editor, and AWS Management Console.

Was this page helpful?

Deploy and Host React App