サイトをウェブにデプロイする
ここで学ぶことは…
- GitHubのリポジトリを新しいNetlifyアプリとして追加する
- ウェブ上にAstroサイトをデプロイする
ここでは、GitHubリポジトリをNetlifyに接続します。Netlifyは、あなたがコードに変更をコミットするたびに、そのプロジェクトを使用してサイトをビルドし、ウェブ上にデプロイします。
新しいNetlifyサイトを作成する
セクションタイトル： 新しいNetlifyサイトを作成する-
もしまだであれば、Netlifyで無料アカウントを作成します。
ユーザー名をメモしておきます。
https://app.netlify.com/teams/usernameで、ダッシュボードと作成済みのサイトが表示されます。 -
Add new site > Import an existing projectをクリックします。
Gitプロバイダーに接続するように求められます。GitHubを選択し、画面の指示に従ってGitHubアカウントを認証します。次に、提供されたリストからAstroプロジェクトのGitHubリポジトリを選択します。
-
最後のステップでは、Netlifyがアプリのサイト設定を表示します。Astroプロジェクトの場合はデフォルトのままで問題ないため、下にスクロールしてDeploy siteをクリックします。
おめでとうございます、Astroウェブサイトが作成できました！
プロジェクト名を変更する
セクションタイトル： プロジェクト名を変更するNetlifyのサイト概要ページでは、ランダムに生成されたプロジェクト名と、https://project-name-123456.netlify.appという形式のウェブサイトURLが表示されます。プロジェクト名をより覚えやすいものに変更すると、URLは自動的に更新されます。
新しいウェブサイトにアクセスする
セクションタイトル： 新しいウェブサイトにアクセスするサイト設定に表示されているURLをクリックするか、URLをブラウザのウィンドウに入力して、新しいウェブサイトを表示します。
確認テスト
セクションタイトル： 確認テスト既存ウェブサイトのホームページを更新したいとします。どのような手順を踏めばよいでしょうか？