Next.jsをpm2で動かす

June 22nd, 2019

前回(SSRを勉強したいのでインフラからやるぞ)でとりあえずhello world的なのを外部公開まで行けたので、次はFWを使ったものでトライしてみたい。

Next.jsでHello Worldまで

個人的にVueよりはReactを使いたいので、Next.jsを使おうと思う。

ひとまずHello World的なとこまで動くようにする。

Documentation - Getting Started | Next.js

プロダクションにのせる

pm2用にapp.jsonを作る。Next.jsなのでちょっとだけ工夫がいる。

how can I use next in pm2? · Issue #109 · zeit/next.js

{
  "name" : "app",
  "script" : "./node_modules/next/dist/bin/next",
  "env" : {
    "NODE_ENV" : "development"
  },
  "env_production" : {
    "NODE_ENV" : "production"
  }
}

name がコンフリクトすることがあるので pm2 delete all とかやればこれまでのプロセスがきれいに消える。

あとは pm2 start app.json --env production で普通にいける。

次回はデプロイ周りを見るかソース触るかだな〜。

AUTHOR

Daisuke Tsuji
Daisuke Tsuji@dim0627

フリーのWeb Developer。

RubyとかRailsを触ってる時間が多い。コーディングもマークアップもライティングもデザインもSEOもやるタイプ。

だいたいどれもだめ。