blog.unresolved.xyz
Sat Jun 22 2019

Next.jsをpm2で動かす

  • nodejs
  • Next.js
  • JavaScript
Next.jsをpm2で動かす

前回(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

フリーのWeb Developer。

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

だいたいどれもだめ。業務委託のお仕事募集中。