Deploy A Gatsby Site to the Amplify Console With One Click

dabit3

Nader Dabit

Posted on April 10, 2019

Deploy A Gatsby Site to the Amplify Console With One Click

Amplify Console 1 Click Deploy

We recently released the Deploy to Amplify Console Button.

You can add this button to your GitHub README.md file, blog post, or any other markup page that renders HTML to allow developers to deploy their application to the Amplify Console with 1 click.

Try it out below to launch the Gatsby Starter Blog 👇.

amplifybutton

It basically works like this:

You create a link that has the following URL structure:

https://console.aws.amazon.com/amplify/home#/deploy?repo=https://github.com/username/repository
Enter fullscreen mode Exit fullscreen mode

You can then wrap it in the button in markdown like this:

[![amplifybutton](https://oneclick.amplifyapp.com/button.svg)](https://console.aws.amazon.com/amplify/home#/deploy?repo=https://github.com/username/repository)
Enter fullscreen mode Exit fullscreen mode

What happens when an app is deployed in this way?

  1. Fork the repo into your GitHub account
  2. Create your Amplify Console app
  3. Kick off your build

Once the app is launched, you are given a live URL.

To kick off a new build, clone the app, make changes locally, & merge the changes into master.

If the app being launched has an Amplify backend attached, you wil have the option to deploy the backend as well.

To learn more about the Amplify Console, see the documentation here.

My Name is Nader Dabit. I am a Developer Advocate at Amazon Web Services working with projects like AWS AppSync and AWS Amplify. I specialize in cross-platform & cloud-enabled application development.

💖 💪 🙅 🚩
dabit3
Nader Dabit

Posted on April 10, 2019

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related