Skip to content

Latest commit

 

History

History
74 lines (68 loc) · 3.49 KB

README.md

File metadata and controls

74 lines (68 loc) · 3.49 KB
Raw

開発

開発サーバー起動

  • /src内の変更をその場ですぐに確認したい場合 
    npm run dev
  • ビルド後の状態を確認したい場合 初回のみ 
    npm install -g http-server
    /publicか/srcに変更があれば 
    npx next build
    でビルドした後 
    http-server out

フォーマット・ESLint

  • フォーマット
    npm run format
  • Lint
    npm run lint

フォーマットやcssの並び替えは全てセーブ時に実行されるように.vscode内で設定済み
これらを使用するには拡張機能で@recommendedと検索した時に出る拡張機能を全てインストールする必要がある

デプロイ

本番環境へのデプロイ

Github Actionsでデプロイ

Production - Build and Upload via SFTPをmainに対して実行
今後も念のためmainにマージした際に自動でデプロイはせず、必要があればテスト環境で確認してからデプロイする

手動でデプロイ

  1. npm run devを実行している場合は停止する
  2. npx next buildでビルドをすると/outディレクトリに静的ファイルが生成される。
  3. /outに生成されたファイルをデプロイする

ステージング環境へのデプロイ

Staging - Build and Upload via SFTPをテストしたいブランチに対して実行
手動でデプロイは本番環境と同じ

GitHub Actions

ワークフロー

  • Block merging fixup commits
    Fixupコミットがmainにマージされないようにする
    Fixupコミットが残っている場合はrebaseして結合するように促す
  • Deploy for test
    ステージング環境へのデプロイ
    Staging - Build and Upload via SFTPとは異なり、複数のブランチを結合した状態で確認する
    企画ページを大量に作成した後の確認などに使用
  • Production - Build and Upload via SFTP
    本番環境へのデプロイ
  • Staging - Build and Upload via SFTP
    ステージング環境へのデプロイ
    Deploy for testとは異なり、ひとつのブランチに対してのみデプロイ可能

トラブルシューティング

  • Module not found: Can't resolve '...' 
    npm install
    を実行して必要なパッケージをインストールする
    そもそもpackage.jsonに記述されていない(=インストールしたことがない)場合は 
    npm install パッケージ名
    でインストールする
  • ビルド時に.next配下のファイルに対して権限エラーが出た場合・npm run devでStarting...から進まない場合
    以下の手順を試す
    • npm run devを停止
      npm run devを使用中も.nextディレクトリを使用しているので、両方同時にはできない
    • .nextディレクトリを削除