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

Deta Spaceは、クラウドに存在するパーソナルコンピュータ、つまり「パーソナルクラウド」です。あなた自身の「スペース」で、あなた自身のためにアプリを構築し、実行できます。作ったアプリは公開でき、世界中の人々が利用可能になります。

このガイドには、Spaceでサイトを構築するためのステップバイステップの手順が含まれています。静的なAstroサイトと、@astrojs/nodeアダプタを使用してサーバーサイドでレンダリングされたAstroサイトの両方がサポートされています。

前提条件

AstroのサイトをSpaceにプッシュするには、まず次のことを確認してください.

Spaceアカウントを作成します。
Space CLIをインストールし、ログインします。

Astroプロジェクトのディレクトリ内にSpaceプロジェクトを作成します。CLIを実行し、画面の指示に従ってください。

space new

プロジェクトの設定

静的サイト

Space CLIによって生成されたプロジェクトのルートにあるSpacefileファイルに以下の変更を加えてください。

エンジンをstaticに変更します。
commandsのリストにAstroのビルドコマンドを追加します。
Astroが生成したdistディレクトリをserveに指定します。

# Spacefileドキュメント: https://deta.space/docs/en/build/reference/spacefile
v: 0
micros:
  - name: static-astro-in-space
    src: .
    engine: static
    commands:
      - npm run build
    serve: dist

サーバーサイドでレンダリングされたサイト

Space CLIによって生成されたプロジェクトのルートにあるSpacefileファイルに以下の変更を加えてください。

nodejs16エンジンを設定します。
buildコマンドを追加します。
Astroが生成したdistディレクトリをincludeに指定します。
nodeコマンドをrunに指定します。

# Spacefileドキュメント: https://deta.space/docs/en/build/reference/spacefile
v: 0
micros:
  - name: ssr-astro-in-space
    src: .
    engine: nodejs16
    commands:
      - npm run build
    include:
      - dist
    run: "node ./dist/server/entry.mjs"