DEV Community

Cover image for Deploy your React.js app on AWS Amplify
Luiz Calaça
Luiz Calaça

Posted on

Deploy your React.js app on AWS Amplify

Hi, Devs!

Deploy and CI/CD is always necessary and important for software development cycle. Let's go to learn how to deploy React.js app and its using de AWS Amplify service on cloud?


First you need to create an account on AWS and access the AWS Amplify service. After you could use the search engine on AWS and looking for AWS Amplify. Click on Get started.

AWS Amplify - Luiz Calaça

Again, click on Get started
AWS Amplify - Luiz Calaça

Connect with you remote repository, I'm using here Github to versioning my React.js app.
AWS Amplify - Luiz Calaça

Add your repository.
AWS Amplify - Luiz Calaça

In that step you could click on Next ou copy the code and put it on your project. It's better click on next e carry on because automatically that file will run on your project connected.
AWS Amplify - Luiz Calaça

If you click on Advanced Setting you could put all environment variables and use your Docker image if you desire, in that case you need to push your imagem do Docker Hub and so on inform the link in that field. And click next.
AWS Amplify - Luiz Calaça

Almost there and now we need to review and next to deploy.
AWS Amplify - Luiz Calaça

The deploy has initialized and after that steps you app will available using the url below of your branch like the image here.
AWS Amplify - Luiz Calaça

Click on your URL and see you app already deployed.
AWS Amplify - Luiz Calaça

That' all and easy steps!

Contacts
Email: luizcalaca@gmail.com
Instagram: https://www.instagram.com/luizcalaca
Linkedin: https://www.linkedin.com/in/luizcalaca/
Twitter: https://twitter.com/luizcalaca

Top comments (1)

Collapse
 
truongluu profile image
Lưu Xuân Trường • Edited

Thanks great article, It saves my time