【React / Next.js】include a call to the setupDevPlatform function in your config file の解決方法について

Posted at 2025-05-14

はじめに

udemyのNext.jsハンズオンでデータベースから情報を取得する実装中に下記のエラーに遭遇しましたので、こちらの解決方法について記事にします。
前提条件として、ハンズオンではSupabaseによるAPIでのデータを取得しておりますが、今回CloudflareのD1で試みております。

エラー内容：

For local development (using the Next.js dev server) remember to include
a call to the setupDevPlatform function in your config file.

翻訳：ローカル開発（Next.js 開発サーバーを使用）の場合は、設定ファイルに setupDevPlatform 関数の呼び出しを含めることを忘れないでください。

初期化ができていなかったようでした。

以下を追加

.next.config.ts

if (process.env.NODE_ENV === "development") {
  require("@cloudflare/next-on-pages/next-dev").setupDevPlatform();
}

※ next.config.mjsなら

.next.config.mjs

if (process.env.NODE_ENV === 'development') {
	setupDevPlatform();
}

これでこちらのエラーは解決することができました。

プログラミングコーチングJISOUでは、新たなメンバーを募集しています。
日本一のアウトプットコミュニティでキャリアアップしませんか？
興味のある方は、ぜひホームページをのぞいてみてください！
▼▼▼