hosting-on-aws-amplify.md (3558B)
1 --- 2 title: Host on AWS Amplify 3 linktitle: Host on AWS Amplify 4 description: Develop and deploy a cloud-powered web app with AWS Amplify. 5 date: 2018-01-31 6 publishdate: 2018-01-31 7 lastmod: 2018-01-31 8 categories: [hosting and deployment] 9 keywords: [amplify,hosting,deployment] 10 authors: [Nikhil Swaminathan] 11 menu: 12 docs: 13 parent: "hosting-and-deployment" 14 weight: 10 15 weight: 10 16 sections_weight: 10 17 draft: false 18 aliases: [] 19 toc: true 20 --- 21 22 In this guide we'll walk through how to deploy and host your Hugo site using the [AWS Amplify Console](https://console.amplify.aws). 23 24 AWS Amplify is a combination of client library, CLI toolchain, and a Console for continuous deployment and hosting. The Amplify CLI and library allow developers to get up & running with full-stack cloud-powered applications with features like authentication, storage, serverless GraphQL or REST APIs, analytics, Lambda functions, & more. The Amplify Console provides continuous deployment and hosting for modern web apps (single page apps and static site generators). Continuous deployment allows developers to deploy updates to their web app on every code commit to their Git repository. Hosting includes features such as globally available CDNs, easy custom domain setup + HTTPS, feature branch deployments, and password protection. 25 26 ## Pre-requisites 27 28 * [Sign up for an AWS Account](https://portal.aws.amazon.com/billing/signup?redirect_url=https%3A%2F%2Faws.amazon.com%2Fregistration-confirmation). There are no upfront charges or any term commitments to create an AWS account and signing up gives you immediate access to the AWS Free Tier. 29 * You have an account with GitHub, GitLab, or Bitbucket. 30 * You have completed the [Quick Start][] or have a Hugo website you are ready to deploy and share with the world. 31 32 ## Hosting 33 34 1. Log in to the [AWS Amplify Console](https://console.aws.amazon.com/amplify/home) and choose Get Started under Deploy. 35 ![Hugo Amplify](/images/hosting-and-deployment/hosting-on-aws-amplify/amplify-gettingstarted.png) 36 37 1. Connect a branch from your GitHub, Bitbucket, GitLab, or AWS CodeCommit repository. Connecting your repository allows Amplify to deploy updates on every code commit to a branch. 38 ![Hugo Amplify](/images/hosting-and-deployment/hosting-on-aws-amplify/amplify-connect-repo.gif) 39 40 1. Accept the default build settings. The Amplify Console automatically detects your Hugo build settings and output directory. 41 ![Hugo Amplify](/images/hosting-and-deployment/hosting-on-aws-amplify/amplify-build-settings.png) 42 43 1. Review your changes and then choose **Save and deploy**. The Amplify Console will pull code from your repository, build changes to the backend and frontend, and deploy your build artifacts at `https://master.unique-id.amplifyapp.com`. Bonus: Screenshots of your app on different devices to find layout issues. 44 45 ## Using a Newer Version of Hugo 46 47 If you need to use a different, perhaps newer, version of Hugo than the version currently supported by AWS Amplify: 48 49 1. Visit the [AWS Amplify Console](https://console.aws.amazon.com/amplify/home), and click the app you would like to modify 50 1. In the side navigation bar, Under App Settings, click **Build settings** 51 1. On the Build settings page, near the bottom, there is a section called **Build image settings**. Click **Edit** 52 1. Under **Live package updates**, click **Add package version override** 53 1. From the selection, click **Hugo** and ensure the version field says `latest` 54 1. Click **Save** to save the changes. 55 56 57 [Quick Start]: /getting-started/quick-start/