title | description | type | i18nReady |
---|---|---|---|
AstroサイトをRenderにデプロイする |
RenderでAstroサイトをデプロイする方法。 |
deploy |
true |
import { Steps } from '@astrojs/starlight/components';
Renderは、無料のTLS証明書、グローバルCDN、DDoS保護、プライベートネットワーク、Gitからの自動デプロイを備えたウェブサイトを構築するサービスで、Astroのプロジェクトをデプロイできます。
1. [render.comアカウント](https://dashboard.render.com/)を作成し、サインインします。-
ダッシュボードの New + ボタンをクリックし、Static Siteを選択します。
-
ウェブサイトに名前を付け、ブランチを選択し、ビルドコマンドと公開ディレクトリを指定します。
- build command:
npm run build
- publish directory:
dist
- Environment variables (advanced): 初期設定では、RenderはNode.js 14.17.0を使用しますが、Astroはより高いバージョンを必要とします。Renderに互換性のあるNode.jsバージョンを使用するよう指示をするため、Variable keyを
NODE_VERSION
に、Valueを18.14.1
またはそれ以上に設定する環境変数を追加します。もしくは、.node-version
または.nvmrc
ファイルをプロジェクトに追加し、Node.jsバージョンを指定します。
- build command:
-
Create Static Siteボタンをクリックします。