基本的な仕組み

GitHubにpush → GitHub Actionsが起動 → YAMLファイルを実行

基本的なワークフロー

name: Deploy

on:
  push:
    branches:
      - main

jobs:
  deploy:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - uses: actions/setup-node@v4
        with:
          node-version: '22'
      - run: npm install
      - run: npm run build

ハマったポイント

  • .github/workflows/ のフォルダ名は正確に
  • YAMLはインデントが重要(スペース2つ)
  • Actionsタブでログを確認できる

APIキーなどの秘密情報をワークフロー内で使う場合はGitHub ActionsでSecretsを使って秘密情報を管理する方法を参照。

関連記事

おすすめのVPS

VPSを使って本番環境を構築するなら、以下のサービスがおすすめです。

より詳しく学びたい方へ

この記事の内容をさらに深掘りした実践ガイドをZennで公開しています。

VPS・GitHub Actions・Cloudflare 実践構築ガイド