Astro はデフォルトで静的サイトをビルドします。各ページは dist/ 内の HTML ファイルになり、JavaScript はアイランドに必要な分だけです。Lobsite に必要なのはこのフォルダだけです。npm run build を実行してから、プロジェクトで npx lobsite を実行すると、HTTPS 対応の *.lobsite.app アドレスでサイトが公開されます。上のボックスに dist/ をドロップすることもできます。
仕組み
npm run build（つまりastro build）でサイトをビルドします。ページ、画像、スクリプトはdist/に出力されます。- プロジェクトで
npx lobsiteを実行します。デプロイされるのはdist/で、Astro がすでにビルドにコピーしたpublic/ではありません。最初のデプロイにアカウントは不要で、6 時間有効です。 - 取得リンクから無料アカウントにサイトを残します。フォルダは
lobsite.tomlに保存されるため、次回のビルドも同じnpx lobsiteでデプロイできます。
astro.config.mjs で確認すべき設定
import { defineConfig } from "astro/config";
export default defineConfig({
site: "https://my-site.lobsite.app",
trailingSlash: "ignore",
});
siteはサイトの完全なアドレスです。Astro は正規 URL、Astro.site、@astrojs/sitemapのサイトマップに使用します。*.lobsite.appのアドレスを設定し、独自ドメインに移行したら変更してください。baseは設定しないでください。GitHub Pages のプロジェクトサイトのようなサブフォルダではなく、アドレスの最上位から配信されます。build.formatはデフォルトのままでかまいません。about/index.htmlは/about/で、about.htmlファイルは/aboutで開きます。
動作するもの、サーバーが必要なもの
Astro がビルド時にレンダリングするものはすべて動作します。コンテンツコレクション、Markdown と MDX、astro:assets の画像（ビルド時に最適化）、ブラウザで動く React、Vue、Svelte、Solid のアイランドなどです。リクエストごとに実行されるものは動作しません。export const prerender = false のページ、output: "server"、Astro Actions、プリレンダリングされない API エンドポイントです。これらにはサーバーアダプターが必要ですが、Lobsite はファイルのみを配信します。お問い合わせフォームは、Astro Action の代わりに /_lobsite/forms/contact に向けてください。フォームをご覧ください。
ファイルはハッシュで保存されます。変更のないサイトを再デプロイしてもアップロードは 0 バイトです。
公開前にプレビューできます。リダイレクトも含めてワンクリックでロールバックできます。
すべてのサイトに、最初のデプロイから HTTPS 対応の *.lobsite.app アドレスが付きます。
フォームの送信先を /_lobsite/forms/contact にするだけです。スパムフィルターも含まれます。
リダイレクト、ヘッダー、フォームは lobsite.toml に記述し、デプロイごとに一緒に反映されます。
アカウントなしのデプロイは 6 時間公開されます。取得リンクから無料で残せます。
Astro ホストの比較
| Lobsite | Netlify | Vercel | GitHub Pages | |
|---|---|---|---|---|
| 静的 Astro サイト | はい | はい | はい | はい（Astro の GitHub Action を使用） |
| サーバーレンダリング（アダプター） | いいえ | はい | はい | いいえ |
| サーバーでのビルド | いいえ: dist/ をデプロイ |
はい | はい | GitHub Actions で |
| 最初のデプロイ前のアカウント | 不要: 6 時間公開、その後無料で残せる | 必要 | 必要 | 必要（リポジトリも） |
| バックエンド不要のフォーム | はい（サイトをアカウントに残した後） | はい | いいえ | いいえ |
| カスタムドメイン | はい、無料 | はい | はい | はい |
サイトの一部をリクエスト時にレンダリングするなら、Astro アダプターのあるホストを選んでください。Astro のデフォルトである静的サイトなら、Lobsite はローカル環境、CI、AI エージェントから数秒でデプロイでき、ビルドで変更されたファイルのみをアップロードします。
よくある質問
Lobsite で Astro をホストするのにアダプターは必要ですか？
いいえ。アダプターはサーバーレンダリング用です。デフォルトの静的 Astro サイトにアダプターは不要で、dist/ フォルダをデプロイするだけです。
npx lobsite が public/ ではなく dist/ をデプロイするのはなぜですか？
Astro プロジェクトの public/ には、favicon.svg のようにビルドがそのままコピーするファイルが入っています。ビルドされたサイトは dist/ です。Lobsite は package.json の astro を検出し、public/ をスキップします。
Astro サイトにカスタム 404 ページを追加できますか？
はい。src/pages/404.astro を作成すると、Astro が 404.html としてビルドし、Lobsite は存在しないアドレスに対して 404 ステータスで配信します。
Astro の画像最適化は機能しますか？
はい。astro:assets は astro build の間に画像をリサイズして変換するため、デプロイ時には最適化されたファイルが dist/ に入っています。サーバーが必要なのは、リクエストごとに実行するオンデマンドの画像サービスのみです。