DEV Community

Cover image for Build,Host and Authenticate your fullstack react app with AWS Amplify in minutes.
Gbemisola Esho for AWS Community Builders

Posted on

Build,Host and Authenticate your fullstack react app with AWS Amplify in minutes.

Building a fullstack react app now really easy, AWS amplify has enabled the building ,hosting and deploying your app.
It is a development resource that makes building fast on AWS
It creates a workflow from Git-hub using a continuous integration and deployment pipeline.
The resource builds,hosts basic and static websites with serverless backends.

The first step is to create the app by running the following commands in the command prompton in the terminal:

npx create-react-app amplifyapp
cd amplifyapp
npm start
For the commands to work, you must have nodejs on your machine then you run the scripts on your command prompt

Image description

Initialize github and create a new repo for the app and push application to new git repo by running this commands.
git remote add origin git@github.com:username/reponame.git
git branch -M main
git push -u origin main

Image description

Log into the management console search for Amplify

Image description

Under Amplify hosting, go to get started

Image description
Click Github repository then continue

Image description

Authenticate with Github and choose the newly created repo plus main branch and click next
Image description

Configure your build settings, save and deploy
Image description
Aws amplify goes ahead to build source code and deploys the app

Image description
There sits your fullstack app in minutes once the build completes

Image description
To automatically deploy code changes edit src/App.js , I prefer to it in Vscode

Image description
Here is my https://main.doukipuj2x592.amplifyapp.com/

Top comments (0)