Full Stack Serverless

Chapter 11. Hosting: Deploying Your Application to the Amplify Console with CI and CD

Now that we’ve looked at building out our apps, how do we make them live and show them to the world? In this chapter, we’ll look at a couple of different hosting options with Amplify, and also how to deploy your app using a custom domain name.

The service we’ll be using is the Amplify Console hosting service. The Amplify Console is a fully managed hosting service that provides a simple workflow for deploying static sites and full stack serverless applications. Using Amplify Console, you deploy your code using the CLI, a GitHub repository, or manually, and the service will build and deploy your app for you.

When working with frameworks like React, Vue, Angular, or even frameworks like Gatsby, Next, or Nuxt, there is typically a build phase that needs to be run. This phase will take all of the JavaScript, CSS, and images and, using a module bundler such as webpack, create a deployable build of your website.

The Amplify Console will allow you to configure the app’s build settings so that when you are ready to deploy a new version, the service will be able to take your raw files, then build and deploy your app to your live domain for you.

In this chapter, we’ll learn about the following:

CLI-based deployments

Using our local project, we will deploy an app to Amplify Console hosting directly from the CLI.

Git-based deployments

Using a GitHub repository, we will deploy an app to Amplify Console ...