Skip to content

Commit

Permalink
Update DEPLOYMENT_GUIDE.md
Browse files Browse the repository at this point in the history
  • Loading branch information
@ryan-hamblin
ryan-hamblin authored Aug 17, 2020
1 parent 9de9712 commit 0ffa5b6
Showing 1 changed file with 11 additions and 11 deletions.
22 changes: 11 additions & 11 deletions DEPLOYMENT_GUIDE.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,48 +4,48 @@

![Using a GitHub Template](https://tk-assets.lambdaschool.com/d7226911-312b-48cb-882d-c7f7c8a0a69a_Screenshot2020-07-16at23.10.50.png)

1. Navigate to the AWS Amplify console page: `My Account > AWS Management Console > Search "Amplify"`.
2. Navigate to the AWS Amplify console page: `My Account > AWS Management Console > Search "Amplify"`.

![Searching for AWS Amplify](https://tk-assets.lambdaschool.com/6a3082c2-2597-49fd-8fa3-acd5484b5338_Screenshot2020-07-17at18.04.52.png)

1. Click on "Get Started" underneath the "Deploy" heading.
3. Click on "Get Started" underneath the "Deploy" heading.

![Click Getting Started Button](https://tk-assets.lambdaschool.com/6cbf2433-7ca0-4eb5-ad49-92a201481c86_3.png)

1. Select "GitHub". This will bring up an authorization window. When you have authorized access a message saying "GitHub authorization successful" will display.
4. Select "GitHub". This will bring up an authorization window. When you have authorized access a message saying "GitHub authorization successful" will display.

![Selecting GitHub](https://tk-assets.lambdaschool.com/a90056e2-d692-4ad8-ad40-c5d7f833d340_5.png)

![GitHub Authorization Confirmation](https://tk-assets.lambdaschool.com/0bfce3ad-ad3c-4d60-b83c-a721d58343f7_5.1.png)

1. Select your newly cloned project under "Select a repository"
5. Select your newly cloned project under "Select a repository"

![Selecting Your Repository](https://tk-assets.lambdaschool.com/8028bdd2-97ea-46ca-ba4d-375f275b7544_6.png)

1. Select the branch you would like to deploy and then click "next". In this example, we are deploying the `main` branch.
6. Select the branch you would like to deploy and then click "next". In this example, we are deploying the `main` branch.

![Selecting Your Branch](https://tk-assets.lambdaschool.com/46001b85-27e4-4046-bef8-8cc990f7acba_7.png)

1. Amplify generates a build configuration automatically for us which is fantastic!
7. Amplify generates a build configuration automatically for us which is fantastic!

![Automatically Generated Build Config](https://tk-assets.lambdaschool.com/d4c98046-9931-4227-ac6c-a93132064b76_8.png)

1. Now we need to add our environment variables. To do so, click on "Advanced settings" to reveal where we can add our required environment variables specified here. After you have added those, click "next".
8. Now we need to add our environment variables. To do so, click on "Advanced settings" to reveal where we can add our required environment variables specified here. After you have added those, click "next".

![Adding Your Environment Variables](https://tk-assets.lambdaschool.com/46c5702a-98b3-47da-a64d-e419c4d0dd60_9.png)

1. Now you can review that you have configured your deployment properly. Note that Amplify automatically detected that we are building a React project. Sweet!
9. Now you can review that you have configured your deployment properly. Note that Amplify automatically detected that we are building a React project. Sweet!

![Reviewing Your Deployment Settings](https://tk-assets.lambdaschool.com/fcdd3f45-5ab9-4a77-a919-821984fdb60a_10.png)

1. To accept your settings, click "save and deploy".
10. To accept your settings, click "save and deploy".

![Deploying Your App](https://tk-assets.lambdaschool.com/6a28acec-4718-4cae-8143-7c0cfd6e9b19_11.png)

1. Now we wait for our deployment to be provisioned, built, deployed, and verified. You can view the logs for the processes by clicking one of the steps and then clicking the dropdown to reveal the console.
11. Now we wait for our deployment to be provisioned, built, deployed, and verified. You can view the logs for the processes by clicking one of the steps and then clicking the dropdown to reveal the console.

![Viewing Deployments Logs](https://tk-assets.lambdaschool.com/2f83ce34-b3f1-4d4f-8f40-4d43cfe6f650_12.png)

1. After these steps have completed, you're all done! You can click on the autogenerated domain to view your newly deployed application!
12. After these steps have completed, you're all done! You can click on the autogenerated domain to view your newly deployed application!

![Viewing Your Live Deployment](https://tk-assets.lambdaschool.com/6c776bb0-60cc-4cb9-9aba-56722824849b_13.png)

0 comments on commit 0ffa5b6

Please sign in to comment.