Part 2

Netlify デプロイ

AstroGlass サイトを Netlify にデプロイします。

AstroGlass は最小限の構成で Netlify にデプロイできます。

前提条件

  • Netlify アカウント。
  • Node.js v20 以降がローカルにインストールされていること。
  • Netlify CLI がインストールされていること (npm install -g netlify-cli)。

デプロイ方法

オプション 1: GitHub 統合 (推奨)

  1. GitHub にコードをプッシュする

    プロジェクトが GitHub リポジトリにあることを確認してください。

  2. Netlify にインポート

    app.netlify.com に移動し、Add new site (新しいサイトを追加) > Import an existing project (既存のプロジェクトをインポート) の順に進みます。

  3. ビルド設定の構成

    以下の設定を使用します:

    • ビルド コマンド (Build Command): pnpm run build
    • 公開ディレクトリ (Publish Directory): dist
  4. デプロイ

    「Deploy site」をクリックし、ビルドが完了するのを待ちます。

オプション 2: CLI によるデプロイ

  1. Netlify にログイン

    ターミナル (Terminal)
    npx netlify login
  2. デプロイ

    ターミナル (Terminal)
    pnpm run deploy:netlify
ℹ️
検索インデックス

ビルド中 (pnpm run build) に検索インデックスが自動的に生成されます。デプロイされたサイトで検索機能が動作するためには、ビルドのステップが正常に完了していることを確認してください。