コンテンツにスキップ
Astro Astro

サイトをウェブにデプロイする

ここで学ぶことは…

  • GitHubのリポジトリを新しいNetlifyアプリとして追加する
  • ウェブ上にAstroサイトをデプロイする

ここでは、GitHubリポジトリをNetlifyに接続します。Netlifyは、あなたがコードに変更をコミットするたびに、そのプロジェクトを使用してサイトをビルドし、ウェブ上にデプロイします。

新しいNetlifyサイトを作成する

  1. もしまだであれば、Netlifyで無料アカウントを作成します。

    ユーザー名をメモしておきます。https://app.netlify.com/teams/usernameで、ダッシュボードと作成済みのサイトが表示されます。

  2. Add new site > Import an existing projectをクリックします。

    Gitプロバイダーに接続するように求められます。GitHubを選択し、画面の指示に従ってGitHubアカウントを認証します。次に、提供されたリストからAstroプロジェクトのGitHubリポジトリを選択します。

  3. 最後のステップでは、Netlifyがアプリのサイト設定を表示します。Astroプロジェクトの場合はデフォルトのままで問題ないため、下にスクロールしてDeploy siteをクリックします。

おめでとうございます、Astroウェブサイトが作成できました！

プロジェクト名を変更する

Netlifyのサイト概要ページでは、ランダムに生成されたプロジェクト名と、https://project-name-123456.netlify.appという形式のウェブサイトURLが表示されます。プロジェクト名をより覚えやすいものに変更すると、URLは自動的に更新されます。

新しいウェブサイトにアクセスする

サイト設定に表示されているURLをクリックするか、URLをブラウザのウィンドウに入力して、新しいウェブサイトを表示します。

確認テスト

既存ウェブサイトのホームページを更新したいとします。どのような手順を踏めばよいでしょうか？

チェックリスト

参考