The Deploy to Edgio button lets users easily clone and deploy an example project to Edgio. Under the hood the platform will clone the example to the user’s GitHub account and leverage GitHub Actions to deploy to it to their personal Edgio account.
This guide walks you through some deploy button examples and how you can set up a GitHub repository for your users to deploy to Edgio with a simple click.
Example
An example Deploy Button using the following HTML snippet.
Snippets
Use the snippets below in your Git repository to enable users to deploy the repository directly to Edgio.
Markdown
1[![Deploy with Edgio](https://docs.layer0.co/button.svg)](https://app.layer0.co/deploy?repo=https://github.com/layer0-docs/layer0-nextjs-example)
Creating Your Own Deploy Button
To configure your own project to be deploy button ready, there’s a few steps to take.
- First, your project needs to already be configured and initialized with Edgio. See our Getting Started guide for initial setup.
- Next, create a basic
deploy
script as described below. Typically, this can simply belayer0 deploy
, but if your site requires additional processing outside of the standard Edgio build/deploy process, you will need to modify this script to include the necessary steps to make your site production-ready. - Create a GitHub workflow as described below. This makes sure GitHub Actions is properly configured to build the project.
Add deploy
Script to package.json
JSON
1// additional scripts may need to be called based on your app build process2"deploy": "layer0 deploy",
Lastly, create a GitHub workflow file called
layer0.yml
. This will be triggered automatically by Edgio during the deploy process.Create .github/workflows/layer0.yml
Workflow
YAML
1name: Deploy to Edgio23on:4 workflow_dispatch:56jobs:7 deploy-to-layer0:8 runs-on: ubuntu-latest9 steps:10 - uses: actions/checkout@v111 - uses: actions/setup-node@v112 with:13 node-version: 1614 registry-url: https://npm-proxy.fury.io/moovweb/15 - run: npm ci16 - run: npm run deploy -- --token=$LAYER0_DEPLOY_TOKEN17 env:18 LAYER0_DEPLOY_TOKEN: ${{secrets.LAYER0_DEPLOY_TOKEN}}
secrets.LAYER0_DEPLOY_TOKEN
is automatically injected into your cloned repository during the deploy process. Do not change the name of this variable or the deploy process will fail.Once everything is setup, you can test your deploy button by appending your GitHub repository full URL to
https://app.layer0.co/deploy?repo=
.For example, using our Next.js example located at
https://github.com/layer0-docs/layer0-nextjs-example
would become https://app.layer0.co/deploy?repo=https%3A%2F%2Fgithub.com%2Flayer0-docs%2Flayer0-nextjs-example
Now, you can embed this link to let users instantly clone and deploy the project to Edgio!