AstroサイトをRenderにデプロイする

Renderは、無料のTLS証明書、グローバルCDN、DDoS保護、プライベートネットワーク、Gitからの自動デプロイを備えたウェブサイトを構築するサービスで、Astroのプロジェクトをデプロイできます。

デプロイ方法

render.comアカウントを作成し、サインインします。
ダッシュボードの New + ボタンをクリックし、Static Siteを選択します。
GitHubまたはGitLabリポジトリを接続するか、代わりにパブリックリポジトリのパブリックURLを入力します。
ウェブサイトに名前を付け、ブランチを選択し、ビルドコマンドと公開ディレクトリを指定します。
- build command: npm run build
- publish directory: 静的サイトにはdist、serverかhybridのサーバーレンダリングモードを使用する場合はdist/client
- Environment variables (advanced): 初期設定では、RenderはNode.js 14.17.0を使用しますが、Astroはより高いバージョンを必要とします。Renderに互換性のあるNode.jsバージョンを使用するよう指示をするため、Variable keyをNODE_VERSIONに、Valueを18.17.1かv20.3.0以上に設定する環境変数を追加します。もしくは、.node-versionまたは.nvmrcファイルをプロジェクトに追加し、Node.jsバージョンを指定します。
Create Static Siteボタンをクリックします。