Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/yavisht/deploy-via-surge.sh-github-action-template

A simple Github Actions template to deploy your static site using surge.sh
https://github.com/yavisht/deploy-via-surge.sh-github-action-template

deployment devops frontend github-actions javascript static-site surge surge-sh

Last synced: 2 days ago
JSON representation

A simple Github Actions template to deploy your static site using surge.sh

Awesome Lists containing this project

README

        

# Deploy your static website to surge via Github Actions!
A simple Github Actions template to deploy your static site using surge.sh

**Demo** -> [https://test-github-action-surge.surge.sh/](https://test-github-action-surge.surge.sh/)

**Step 1** Get a Deployment Token
![get-surge-token](https://user-images.githubusercontent.com/6112201/66218600-d8892080-e70c-11e9-8843-c2c29b4e7e9a.gif)

**Step 2** Setup 2 secrets in your repository secrets tab

SURGE_TOKEN -> Your Surge Token
123abc123abc123abc

SURGE_DOMAIN -> The domain you want to publish your site on
https://test-github-action-surge.surge.sh

Screen Shot 2019-10-06 at 10 41 48 am

**Step 3**
Add the a new Github Action in .github/workflows folder in your repo

```
name: Deploy Website

on: [push]

jobs:
build:
runs-on: ubuntu-latest
name: Deploying to surge

steps:
- uses: actions/checkout@v3
- uses: actions/setup-node@v3
with:
node-version: 18
- run: npm install -g surge
- run: surge ./ ${{ secrets.SURGE_DOMAIN }} --token ${{ secrets.SURGE_TOKEN }}

```

**Step 4**
Test it with a commit
Screen Shot 2019-10-05 at 1 05 34 am