<div id="readability-page-1" class="page"><article id="mainContent">
                <div>
                  <p><a href="/m/category/Ops%2C%20Infra%2C%20etc/%EB%B0%B0%ED%8F%AC%20%EC%9E%90%EB%8F%99%ED%99%94%20%28CI%2C%20CD%29"><span>Ops, Infra, etc/배포 자동화 (CI, CD)</span></a></p><h3>gatsby를 gh-page로 deploy하는 github action</h3>
                </div>
                <p><cite>DarrenKwonDev</cite>
                  <span> 2021. 10. 14. 23:12</span>
                </p>
                
                            <div>
                                <p data-ke-size="size16">https://tistory1.daumcdn.net/tistory/0/MobileWeb/package.json</p>
<pre id="code_1634220718584" data-ke-language="javascript" data-ke-type="codeblock"><code>"build": "gatsby build --prefix-paths",
"develop": "gatsby develop",
"format": "prettier --write \"**/*.{js,jsx,ts,tsx,json,md}\"",
"start": "gatsby develop",
"serve": "gatsby serve",
"clean": "gatsby clean",
"deploy": "npm run build &amp;&amp; gh-pages -d public -b master",
"pre-commit": "lint-staged",
"prepare": "husky install"</code></pre>

<p data-ke-size="size16">.github/workflows/main.yml</p>
<pre id="code_1634220701585" data-ke-language="javascript" data-ke-type="codeblock"><code>name: typed-blog-deploy

on:
  push:
    branches: [master]

jobs:
  deploy:
    runs-on: ubuntu-latest

    steps:
      # https://github.com/marketplace/actions/checkout
      - name: 🧑🏻‍💻 checkout source code
        uses: actions/checkout@v2.3.4

      # https://github.com/marketplace/actions/setup-node-js-environment
      - name: 😎 Setup Node
        uses: actions/setup-node@v2.1.2
        with:
          node-version: '12.x'

      # https://github.com/marketplace/actions/yarn-install-cache
      - name: 🚀 yarn cache
        uses: c-hive/gha-yarn-cache@v2

      - name: 🕸 install dependencies on ubuntu
        run: yarn install

      - name: 🏢 build
        run: yarn build

      - name: 👊🏻 deploy
        uses: Cecilapp/GitHub-Pages-deploy@v3
        env:
          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
        with:
          email: hello@business-canvas.com
          build_dir: public
          branch: master</code></pre>

            
            
                </div>
                

              </article></div>

HotHandCoding

DarrenKwon

./package.json
"build": "gatsby build --prefix-paths",
"develop": "gatsby develop",
"format": "prettier --write \"**/*.{js,jsx,ts,tsx,json,md}\"",
"start": "gatsby develop",
"serve": "gatsby serve",
"clean": "gatsby clean",
"deploy": "npm run build && gh-pages -d public -b master",
"pre-commit": "lint-staged",
"prepare": "husky install"
 
.github/workflows/main.yml
name: typed-blog-deploy
on:
  push:
    branches: [master]
jobs:
  deploy:
    runs-on: ubuntu-latest
    steps:
      # https://github.com/marketplace/actions/checkout
      - name:  ‍  checkout source code
        uses: actions/checkout@v2.3.4
      # https://github.com/marketplace/actions/setup-node-js-environment
      - name:   Setup Node
        uses: actions/setup-node@v2.1.2
        with:
          node-version: '12.x'
      # https://github.com/marketplace/actions/yarn-install-cache
      - name:   yarn cache
        uses: c-hive/gha-yarn-cache@v2
      - name:   install dependencies on ubuntu
        run: yarn install
      - name:   build
        run: yarn build
      - name:   deploy
        uses: Cecilapp/GitHub-Pages-deploy@v3
        env:
          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
        with:
          email: hello@business-canvas.com
          build_dir: public
          branch: master

gatsby를 gh-page로 deploy하는 github action

댓글