Vercel

NextJS

how to deploy

① microCMSからAPIでデータを取得→Vercelサーバー上のnode.jsでSSGする→Vercelにデプロイ

② ローカル環境で手動でSSGする→出力された静的フォルダをレンタルサーバーにアップロード

① vercel

Hobbyプラン

0円

商用利用不可(製品販売や支払い処理機能などは使えません、アフィリエイトできません)

Proプラン

20ドル

② rental server

メリット:サーバー代金を格安にできる

デメリット:ファイルを更新するたびに手動でSSGしなければなりません

やりかた:next.config.js内に次のコードを書いてからビルドします

output: 'export'

images: { unoptimized: true, }  <--- ビルド時の画像リサイズ・画像圧縮をしない

outディレクトリが作成されるので、その中身をレンタルサーバーにアップロードします

(※詳しくはNext.jsの公式ドキュメントの「Static Exports」を参照)

BACK