In this article, we will see how to host react app on AWS Amplify. it is a development platform that allows developers to easily create, deploy, and scale web apps. With the power of AWS services, we can quickly deploy React apps and provide a seamless experience to our users.
We have to create an account on GitHub or if we have then simply create a repo for the project and clone it in our system. To make the process fast you can download GitHub Desktop and clone your repo.
Note: When you take a pull, it will create a new folder name as your Repo you can simply copy and paste your code or setup in your existing folder.
Now we have pasted the code in a folder and we have to push it.
Now we pushed the code let's open our console.
Choose your app in the console and click on Hosting Environment and choose Git Hub and click on Connect Branch button.
Now we have to authorize the permission of Git Hub. Your repository and its branch will reflect after permission is granted.
Here we pushed our code in the Main branch so we will choose main and click on the Next button.
After this new interface will code in which you have to enable Enable full-stack continuous deployments (CI/CD), and app environment and create a new role in AWS.
Click on Next.
Now click on Save and Deploy this is the Review section check it correctly.
After this Build Section will open and show the status of Build Deployment it may take some time.
There are 3 Steps Provision, Build and Deploy. It will mark as green once any step is completed.
or to see full status you can simply click on it and watch it.
Now the build is a success you can simply go to the URL and see your app.
It's Working Now,
Now it is deployed,
We have connected our GitHub account to the main branch, and modifications will automatically initiate a build and deployment in the main branch.
Hosting your React app on Amplify is a kind of process that allows you to utilize the power of AWS services for deployment. By following the steps outlined in this article, you can now host your React app successfully on hosted AWS Amplify.
Wеlcomе to Scribblеrsdеn: Whеrе Words Comе to Lifе! Wе arе a vibrant community of writеrs, making languagе fun and forging connеctions. Explorе our world of crеativity today!
Recommended For You.....
This platform is highly responsible for helping businesses automate their marketing and sales processes. Nevertheless, it remains challenging to delete a Salesforce account.
This article will answer all your queries and provide a comprehensive guide to the top stable diffusion extensions available in the market.
A GPU is an electronic circuit that processes videos and images faster. Selecting the best GPU for Stable Diffusion per your requirements and budget can be tricky.
understanding the stable diffusion best sampling method can help you improve the output and help you produce better-quality content.
The Stable Diffusion Guidance Scale(SDGS) helps to establish parameters that refine the generative process.
This article aims to explore the stable diffusion rule of thirds, including its definition, application, and profound impact on the visual storytelling aspect of Stable Diffusion.
What Does SFDC Stand For in Salesforce? Gain a comprehensive understanding of this acronym SFDC and its implications for your Salesforce experience
Always Get Notified