Skip to content

Latest commit

 

History

History
 
 

README.md

Getting started with serverless using Amplify + React

Table of Contents

About The Tutorial

This tutorial aims to give an introduction to creating serverless web applications in the cloud. There are several providers of serverless tools, but this time we will work with AWS Amplify which allows grouping and managing the tools that the application will use from a single console and with a single CLI.

We will create a React application that allows authentication through Cognito, create endpoints to Lambda functions, save data in Dynamo DB, and additionally we will configure a CI/CD pipeline.

back to top

Built With

  • [![React][react.js]][react-url]
  • [![Amplify][amplify.js]][amplify-url]

back to top

Part 1

Explore pre-requisites, scaffold the React Application, set up the Amplify CLI

Tutorial Part 1

Source Code for Part 1

Part 2

Initialize the Amplify project and add authentication

Tutorial Part 2

Source Code for Part 2

Part 3

This step will show how to add the GraphQL API as a service in Amplify and configure it to work with the React application.

Tutorial Part 3

Source Code for Part 3

Part 4

Deploy and host the application. Implement a CI/CD pipeline

Complete the project.

Tutorial Part 4

Source Code for Part 4

Pre-requisites

This is an example of how to list things you need to use the software and how to install them.

It will make it easier to follow this tutorial if you are familiar with JS, React, basic CLI commands, and Git

You will need to install:

  • node v14.18 or later
  • npm v6.14.4 or later
  • git v2.14.1 or later

Even though knowledge of AWS is not required I would recommend having a basic understanding of what serverless is.

back to top

Tutorial

This is the code for the Getting started with serverless using Amplify + React tutorial. Be free to explore the code or follow the tutorial in the link below to find the instructions and documentation about this repository.

Getting started with serverless using Amplify + React tutorial

back to top