7
9

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

pm2でnext js を永続化させる方法について。表示速度向上で試行錯誤したのでメモ

Last updated at Posted at 2021-03-02

next jsを永続化し落ちないようにするために試行錯誤したのでご紹介。
next jsをAWS ec2 のような環境に直接デプロイ(npm run start)すると安定せず突然サイトが落ちることがあります。
pm2を使用すると自動的にサーバーを再起動&監視してくれプロダクション環境でも安定して使用可能です。

#Step1
pm2 を環境にインストール

npm install -g pm2

上記のコマンドをPC(もしくはクラウド環境)に打ち込むとインストールできます。

#Step2
next jsをビルドする。

npm run build

ビルドすることにより、高速にページが開けるようになります。

#Step3
pm2でnext jsを永続化

pm2 start npm --name "next" -- start

ちなみに以下のパスから起動すると、ビルド前の非効率なサーバーが永続化されるので要注意。(googleで検索したらよく出てくるやつ)
ページスピードインサイトで構築中のサイトを”startで起動したもの”と"以下のパスで起動したも"の比較すると、ページの送信サイズが10倍ほど違うという結果になりました。(当然重すぎてまともな時間で動きませんでした。)
startだとかなり早くなります。

./node_modules/next/dist/bin/next

#Step4
pm2でサーバーが永続化されていることを確認

pm2 list

status がonlineになっていれば完了です。
スクリーンショット 2021-03-02 22.20.45.png

以上で完了!

7
9
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
7
9

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?