📓
Labs SPA Starter
  • Basic SPA
  • Styling with Ant Design
  • Testing
  • Deployment
  • Components
  • API
Powered by GitBook
On this page

Was this helpful?

Deployment

PreviousTestingNextComponents

Last updated 4 years ago

Was this helpful?

AWS Amplify is only used from the generator when program=Labs

Note: All your applications MUST be deployed to the "US_east_1 Virginia" region!

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

Searching for AWS Amplify

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

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

Select your newly cloned project under "Select a repository"

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

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

  • 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".

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

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

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.

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

Click Getting Started Button
Selecting GitHub
GitHub Authorization Confirmation
Selecting Your Repository
Selecting Your Branch
Automatically Generated Build Config
Adding Your Environment Variables
Reviewing Your Deployment Settings
Deploying Your App
Viewing Deployments Logs
Viewing Your Live Deployment
@lambdalabs/labs