記事サイトをVPSに載せるのをやめて、Next.jsの静的エクスポートをCloudflare Pagesに置いた
稼働中のVPSに2つ目のサイトを同居させようとして、メモリと既存nginxの設定変更がリスクになると分かった。Next.jsのoutput:exportで静的化してCloudflare Pagesに置くまでの構成と、ビルドで踏んだ2つのエラーの記録。
「ローカルでは動くのに、公開の仕方が分からない」——そこから先を、実際に動かしながら記録しています。VPS の選び方、借りたあとの設定、Docker での運用まで。専門用語はそのつど説明します。
ローカルでは動く
自分のパソコンの中
本番で動いている
誰でも見られる状態
業務でインフラを運用している方には、物足りない内容です。
稼働中のVPSに2つ目のサイトを同居させようとして、メモリと既存nginxの設定変更がリスクになると分かった。Next.jsのoutput:exportで静的化してCloudflare Pagesに置くまでの構成と、ビルドで踏んだ2つのエラーの記録。
docker-compose.override.yml に ports を書けばベースを置き換える、と思っていたら連結されていた。次に再作成した瞬間に port is already allocated でサイトが起動しなくなる状態だった。最小再現で挙動を確認し、!override / !reset で直すまで。
はじめてVPSを借りるとき、プランの選び方で迷いませんか。個人開発のアプリ(Django + Next.js + PostgreSQL)を2GBプランで46日動かし、メモリの使用量を実際に測りました。用語の説明つきで、あなたが何GBを選べばいいかまで書きます。