カスタムサーバー

Next.jsはデフォルトでnext startによる独自のサーバーを含んでいます。既存のバックエンドがある場合でも、Next.jsと組み合わせて使用できます（これはカスタムサーバーではありません）。カスタムNext.jsサーバーを使用すると、カスタムパターン用にプログラムでサーバーを起動できます。ほとんどの場合、このアプローチは必要ありません。ただし、独自のサーバーを導入する必要がある場合には利用できます。

知っておくと良いこと:

• カスタムサーバーの使用を決定する前に、Next.jsの統合ルーターがアプリケーションの要件を満たせない場合にのみ使用すべきであることを覚えておいてください。カスタムサーバーを使用すると、自動静的最適化のような重要なパフォーマンス最適化が失われます。
• カスタムサーバーはVercelにデプロイできません。
• スタンドアロン出力モードを使用する場合、カスタムサーバーファイルはトレースされません。このモードでは、代わりに最小限の個別のserver.jsファイルが出力されます。これらは一緒に使用できません。

カスタムサーバーの以下の例をご覧ください

import { createServer } from 'http'
import { parse } from 'url'
import next from 'next'
 
const port = parseInt(process.env.PORT || '3000', 10)
const dev = process.env.NODE_ENV !== 'production'
const app = next({ dev })
const handle = app.getRequestHandler()
 
app.prepare().then(() => {
  createServer((req, res) => {
    const parsedUrl = parse(req.url!, true)
    handle(req, res, parsedUrl)
  }).listen(port)
 
  console.log(
    `> Server listening at https://:${port} as ${
      dev ? 'development' : process.env.NODE_ENV
    }`
  )
})

server.jsはNext.jsコンパイラやバンドルプロセスを経由しません。このファイルが必要とする構文とソースコードが、現在使用しているNode.jsのバージョンと互換性があることを確認してください。例を見る。

カスタムサーバーを実行するには、package.jsonのscriptsを以下のように更新する必要があります

{
  "scripts": {
    "dev": "node server.js",
    "build": "next build",
    "start": "NODE_ENV=production node server.js"
  }
}

あるいは、nodemonをセットアップすることもできます（例）。カスタムサーバーは、サーバーとNext.jsアプリケーションを接続するために以下のインポートを使用します

import next from 'next'
 
const app = next({})

上記のnextインポートは、以下のオプションを持つオブジェクトを受け取る関数です

返されたappは、必要に応じてNext.jsにリクエストを処理させるために使用できます。