【Railway】Astroをデプロイする方法

Astro アプリを Railway にデプロイする手順を日本語で解説。クイックセットアップ、SSR 有効化、Dockerfile など複数の方法に対応。

Share

Railwayはこちら (←このリンクから登録すると20ドル分のクレジットがもらえます)

Astroアプリをデプロイする方法

Astro は、速度と DX を両立した最新の静的サイトとハイブリッドレンダリングのフレームワークです。

この記事では、Astro アプリを Railway にデプロイする方法を 4 通り紹介します。用途に合わせて選んでください。

  1. テンプレートからワンクリックデプロイ
  2. GitHub リポジトリからデプロイ
  3. Railway CLI からデプロイ
  4. Dockerfile を使ったデプロイ

Astro アプリを作成する

(既にAstroプロジェクトがある場合はこの章をスキップしてください。)

npm create astro@latest astro-app

プロンプトでは次のように選ぶ例です。

  • テンプレート: minimal
  • TypeScript: strict
  • Package manager: npm

ローカルでアプリを実行

cd astro-app
npm install
npm run dev

ブラウザで http://localhost:4321 を開き、アプリが表示されれば準備完了です。


サーバーサイドレンダリング (SSR) の有効化 (オプション)

Astro は静的出力だけでなく SSR もサポートします。SSR を有効にする場合は、まず Node アダプターを追加します。

npm i -D @astrojs/node

続いて、astro.config.mjs に以下を追加します。

import { defineConfig } from "astro/config";
import node from "@astrojs/node";
 
export default defineConfig({
  output: "server",
  adapter: node({ mode: "standalone" }),
});

ビルドコマンドは同じ npm run build ですが、dist 内にサーバーファイルが出力されます。


Railway へのデプロイ方法

テンプレートからワンクリックデプロイ

Railway のテンプレートマーケットプレイスに Astro テンプレートが用意されています。ボタンをクリックするだけでデプロイが始まります。最短で始めたい方に向いています。

CLI からデプロイ

railway init    # 初期化
railway up      # デプロイ
railway domain  # 公開 URL 発行

GitHub リポジトリからデプロイ

Railwayダッシュボード
  1. Railway ダッシュボードで New ProjectDeploy from GitHub repo
  2. 対象リポジトリを選択し Deploy を押す
  3. デプロイ完了後、Settings → NetworkingGenerate Domain

Dockerfile を使ったデプロイ

# Build Stage
FROM node:lts-alpine AS build
WORKDIR /app
COPY package*.json ./
RUN npm ci
COPY . .
RUN npm run build
 
# Serve Stage
FROM node:lts-alpine
WORKDIR /app
COPY --from=build /app/dist ./dist
RUN npm i -g serve
CMD ["serve", "-s", "dist", "-l", "${PORT}"]

Astro の SSR を使用する場合は、上記の serve ではなく、ビルドで生成されたサーバーエントリファイル(例: dist/server/entry.mjs)を node で起動してください。


次のステップ

  • イメージ最適化@astrojs/image で画像を自動最適化
  • CMS 連携 – Contentful や Sanity などヘッドレス CMS と組み合わせる
  • Edge Functions – 低レイテンシ実行を実現

Astro × Railway で高速・安全なサイトを構築しましょう!

Railwayはこちら (←このリンクから登録すると20ドル分のクレジットがもらえます)

Read more

サービス更新履歴

ここでは、LiveQのサービス・製品への変更を全て紹介しております。 このページは大きな変更があった場合に更新されます。 いつごろにどのような機能がリリースされたかが分かります。 2026年6月: 高速化・安定化 * 5月よりサーバーおよびアプリケーションの大型リニューアルに取り組み、6月に読み込み速度の向上や、大規模アクセス時にも安定して高速に動作するように変更をおこないました。 2026年4月: 画像スライド * 新たなスライドの種類として画像スライドを追加しました。 * PowerPoint, PDFファイルを一括インポートし、画像スライドとして追加する機能を追加しました * そのほか多数の細かな変更(操作性などのデザイン改善や、不具合)をおこないました 2026年3月: ワードクラウド、コメントのAIモデレーション(監視) * 新たなスライドの種類としてワードクラウドを追加しました * コメントをAIで自動監視する機能をリリースしました * そのほか細かな改善や不具合の修正をおこないました 2026年2月: 有料プランのデータエクスポート

By 阿部 隼也

チームメンバーを招待する方法

チームメンバーを追加するには、招待する必要があります。 その招待方法を紹介します。 招待可能なチームメンバーの数は、ご利用のプランによって異なるため、事前にご確認ください。 チームページの「新しいチームメンバーを招待」にて、招待するメンバーのメールアドレスを入力し、「招待を送信」をクリックします。 招待された側で招待を承認 次に、招待された側の方によって招待を承認する必要があります。 ※この承認にはLiveQのアカウントが必要となりますので、必ず事前にご登録ください。 下記のような招待メールが届きます。 件名:【LiveQ】チームへの招待が届いています 差出人:[email protected] 既にLiveQに登録済みの方はそのまま「招待を承認して参加する」ボタンをクリックします。 まだLiveQに登録していない方は、登録後、同様に承認ボタンをクリックします。 チームを切り替える 招待を承認すると、チームページに下記のように「チーム切り替え」ができるようになります。 招待したユーザーにもメールが届きます 招待が承認されると、招待したユーザーに

By 阿部 隼也