デプロイとは何か
なぜ学ぶか: npm run devで動くアプリは、まだ自分のパソコンの中にしかいません。「世界中からアクセスできる場所に置く」のがデプロイ。devと本番の違い、ビルドという工程を知れば、「ローカルでは動いたのに」という定番トラブルにも落ち着けます。
localhost=自分だけの世界
localhostは「このパソコン自身」を指す住所。この住所で他の人があなたのアプリを開くことはできず、世界に届けるには別の工程(デプロイ)が必要です。
デプロイ=本番に置いて公開すること
コードをインターネット上のサーバーに置き、URLで誰でも使える状態にすることです。
ビルド=本番用の変換工程
npm run buildは、変換・作り置き・圧縮をして本番用の成果物を作ります。型エラーがあればここで止まる、最終関門でもあります。
デプロイ前に手元でビルドを通す
npm run devが動いてもnpm run buildが通るとは限りません。エラーは手元で見つけてAIと直す方が、デプロイ先で調べるより何倍も速いです。
「ローカルでは動いた」の主な原因
①環境変数の違い②データの違い(本番DBは別物)。本番トラブルの多くはここに帰着します。
コマンド例
# 開発: 自分のパソコンだけで動く(変更が即反映) npm run dev # → http://localhost:3000(この住所で開けるのは自分だけ) # 本番用ビルド: 型チェック + 最適化 + 作り置き npm run build
デプロイ前に「npm run buildが手元で通るか」を確認する癖をつけましょう。ビルドエラーは、デプロイ先で見るより手元でAIと潰す方が何倍も速いです。
ステップ 1 / 2
※ カリキュラムの内容はAIが生成しており、誤りが含まれる場合があります。正確な情報は公式ドキュメント等でご確認ください。