DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» is a community of 967,611 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
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 (0)

Update Your DEV Experience Level:

Settings

Go to your customization settings to nudge your home feed to show content more relevant to your developer experience level. πŸ›