AstroサイトをKinstaのアプリケーションホスティングにデプロイする

Kinstaのアプリケーションホスティングを利用して、クラウドホスティング上でAstroサイトをホストできます。

Astroプロジェクトの設定

静的ホスティング

Kinstaのアプリケーションホスティングであなたのプロジェクトをホストするには、次のことが必要です。

package.jsonにnameフィールドを含めます。（これは何でもよく、デプロイには影響しません。）
package.jsonにbuildスクリプトを含めます。（あなたのAstroプロジェクトは既にこれを含んでいるはずです。）
serveパッケージをインストールし、startスクリプトをserve dist/に設定します。

以下は、package.jsonファイルに必要な行です。

{
  "name": "anything", // これは必須ですが、値はなんでも良いです。
  "scripts": {
    "dev": "astro dev",
    "start": "serve dist/",
    "build": "astro build",
    "preview": "astro preview",
    "astro": "astro"
  },
  "dependencies": {
    "astro": "^2.2.0",
    "serve": "^14.0.1"
  },
}

SSR

Kinstaのアプリケーションホスティングであなたのプロジェクトをホストするには、次のことが必要です。

package.jsonにnameフィールドを含めます。（これは何でもよく、デプロイには影響しません。）
package.jsonにbuildスクリプトを含めます。（あなたのAstroプロジェクトは既にこれを含んでいるはずです。）
astrojs/nodeパッケージをインストールし、startスクリプトをnode ./dist/server/entry.mjsに設定します。
astro.config.mjsで@astrojs/nodeを使用し、host: trueを使用するように設定します。

以下は、package.jsonファイルに必要な行です。

{
  "name": "anything", // これは必須ですが、値はなんでも良いです。
  "scripts": {
    "dev": "astro dev",
    "start": "node ./dist/server/entry.mjs",
    "build": "astro build",
    "preview": "astro preview",
    "astro": "astro"
  },
  "dependencies": {
    "astro": "^2.2.0",
    "@astrojs/node": "^5.1.1"
  },
}

以下は、astro.config.mjsファイルに必要な行です。

  import { defineConfig } from 'astro/config';
  import node from "@astrojs/node";

  export default defineConfig({
    output: 'server',
    adapter: node({
      mode: "standalone"
    }),
    server: {
      host: true
    }
  });