Name: Deploying a Next app to AWS with the AWS Amplify CLI
Uploaded: 2020-05-05T11:26:31-05:00
Description: Learn how to deploy a Next app to Amplify Hosting using the Amplify CLI.

Deploying a React Application to AWS Using the Amplify Console

Deploying a Vue Application to AWS Using GitHub & the Amplify Console

Deploy a Gatsby Blog to the AWS Amplify Console

Deploying a Next app to AWS with the AWS Amplify CLI

Deploying a Nuxt Site to AWS with the Amplify CLI

Deploying a Nuxt Site to AWS from a Git repository with Amplify hosting

Password Protected Deployments with the Amplify Console

Setting up a Custom Domain with the Amplify Console

How to Enable Pull Request Previews with Amplify Console Hosting

Amplify Console Hosting - Manual Deploys from the CLI

Up and Running with Amplify Static Site Hosting

Learn how to deploy a Next app to Amplify Hosting using the Amplify CLI.

https://app.egghead.io/api/v1/lessons/next-js-deploying-a-next-app-to-aws-with-the-aws-amplify-cli/subtitles

Nader Dabit: [0:01] To get started, create a new Next app by running npm init next-app. Here we'll give a project a name and choose the default starter app.

[0:10] Next, we'll change into the new directory and open the project in our text editor. What we'd like to do is add the next export command into our build script. Next export allows you to export your app to static HTML which can then be run standalone without the need of a Node.js server.

[0:26] Save this file and go back to the command line. Here we'll initialize a new amplify project by running amplify init. When prompted, give the project a name, the environment a name. Choose your default text editor and choose default for the rest of the options except for the Distribution Directory Path.

[0:44] For the Distribution Directory Path, set it to out because this is where the build step will be creating the static version of our site. When prompted for your AWS profile, chose the profile that you'd like to use.

[1:04] Next, we'll add hosting by running amplify add hosting. Here we'll choose Hosting with the Amplify Console and manual deployment.

[1:14] To publish this site, we can run amplify publish. When the deployment is complete, we should be given the deployment URL for our app.

[1:31] To view our app in the Amplify Console anytime, we can run amplify console.

Deploying a Next app to AWS with the AWS Amplify CLI

Share this video with your friends

Course

Up and Running with Amplify Static Site Hosting