Next.jsエンジニアのフリーランス案件｜報酬の決まり方と単価を上げる考え方

Next.jsエンジニアのフリーランス案件の報酬は、画面の実装を担うのか、App Routerでの構成や描画方式・キャッシュの方針まで決めるのか、版上げや配信の基盤まで任されるのかで大きく分かれます。そこに稼働日数、リモートの可否、契約までの経路（商流）が重なります。Next.jsの単価について公的な統計はなく、金額は案件によって大きく変わります。

単価を上げる近道は、「Next.jsで画面を作れる」から「この画面はサーバーで描画し、ここはキャッシュし、ここは毎回取りに行く」と判断して説明できる立場へ移ることです。この記事では、報酬が上下する要素と、面談や更新時に使える交渉材料を整理します。

Next.js案件の報酬は「判断の重さ」で分かれる

Next.jsはReactの上に作られたフレームワークで、ルーティング、サーバーでの描画、データの取得とキャッシュ、画像の最適化などをまとめて扱います。Reactだけの案件と比べると、サーバー側で起きることに責任を持つ場面が増えるのが特徴です。

そのため、同じ「Next.jsの案件」でも、担う判断の重さで求められる人が変わります。

Reactそのものの報酬の考え方はReactエンジニアの報酬の記事で扱っています。この記事では、Next.jsならではの上下の要因に絞ります。

報酬を左右する主な要素

1. App Routerでの設計経験

Next.jsの公式ドキュメントでは、App Routerは「Server Componentsなど新しいReactの機能に対応した新しいルーター」、Pages Routerは「従来のルーターで、引き続きサポートと改善が続いているもの」と説明されています（2026年10月時点）。新しく始める案件ではApp Routerを使うことが多く、サーバーで動く部分とブラウザで動く部分の境目をどこに引くかを決めた経験が評価の中心になります。

画面をApp Routerで作ったことがあるだけでなく、「なぜこのコンポーネントをクライアント側にしたか」「データの取得をどこに寄せたか」を言葉にできると、構成の設計を任される側に回りやすくなります。

2. 描画方式とキャッシュの判断

Next.jsでは、ビルド時に作っておくページ、リクエストのたびに作るページ、一部だけを後から差し込むページを組み合わせられます。Next.js 16では、キャッシュを明示的に指定する「Cache Components」という仕組みが入り、それまでの暗黙のキャッシュとは考え方が変わりました（Next.js公式ブログ、2025年10月21日）。

キャッシュの判断を誤ると、古い情報が表示されたり、サーバーの負荷や費用が増えたりします。速さと正しさと費用の釣り合いを取れる人は、利用者の多いサービスほど求められます。

3. 版上げと移行の経験

Next.jsの公式のサポート方針では、2026年10月時点で16.xがActive LTS、15.xがMaintenance LTSです。15.xのセキュリティ修正は2027年1月31日まで続くと案内されており、14.x以前はサポート対象外です。

古い版や古いルーターで動いているサービスは多く、版上げの案件は継続して出ています。Next.js 16では、paramsやcookies()などを非同期で扱う必要があるなど、書き換えを伴う変更も含まれています。動いているサービスを止めずに移した経験は、ほかの人が持っていない材料になりやすい点です。

4. 配信先と運用の知識

公式ドキュメントでは、Next.jsの配信方法として、Node.jsのサーバー、Dockerのコンテナ、静的な書き出し、各プラットフォーム向けのアダプターが挙げられています。Node.jsのサーバーとコンテナはすべての機能に対応し、静的な書き出しは使える機能が限られます。

特定のホスティングサービスに任せる案件もあれば、自社のクラウド環境でコンテナとして動かす案件もあります。後者では、キャッシュの共有や複数台での動かし方まで考える必要があり、担える人が限られるため条件に表れやすくなります。

5. サーバー側とデータの知識

Next.jsでは、画面と同じリポジトリでAPIやデータの更新処理（Server Actionsなど）を書くことがあります。認証、データベースとのやり取り、入力の検証を画面と一緒に設計できると、少人数のチームで重宝されます。Node.jsでのサーバー開発の考え方はNode.jsエンジニアの報酬の記事、型の扱いはTypeScriptエンジニアの報酬の記事が参考になります。

6. 稼働日数・リモート・商流

Webサービスの開発ではリモートで進める案件が多く、稼働日数を選べる案件もあります。働き方の条件は応募の集まり方を通じて報酬に影響します。発注元と直接か、何社を経由するかでも手元に届く金額は変わります。商流の仕組みは商流の記事、精算の仕組みは精算幅の記事で解説しています。

同じNext.js案件でも提示額が違う理由

• 開発の段階が違う：新規の立ち上げで構成を決めるのか、既存の画面に機能を足すのか
• 使っている版とルーターが違う：サポート対象外の版からの移行が含まれると、調査と書き換えの負担が増える
• 配信の責任が違う：配信基盤を発注元が持つのか、こちらで整えるのか
• 契約までの経路と精算の条件が違う：経由する会社の数、精算幅、超過時の扱い

提示額を比べるときは、月額だけでなく、稼働時間の幅、精算方法、契約期間、支払期日までそろえて見ましょう。全体の仕組みはフリーランスの単価の決まり方にまとめています。

交渉の材料になること

判断した内容を記録しておく

参画中に決めた描画方式、キャッシュの方針、移行の手順は、記録して残しておくと、更新時の材料になります。「表示が速くなった」「サーバーの負荷が下がった」など結果の方向も添えると、担った範囲の広さが伝わります。

範囲が広がったときに条件を見直す

画面の実装で入ったのに、配信の設定や版上げの計画まで頼まれるようになった、という変化はNext.jsの案件で起こりやすいことです。担当が広がった時点や契約更新の前は、条件の見直しを相談しやすい時期です。伝え方は単価交渉の記事を参考にしてください。

経験の幅を一つずつ足す

構成の設計、キャッシュ、版上げ、配信のうち、まだ担っていないものを一つ選び、今の現場で小さく引き受けるのが現実的です。求められるスキルの全体はNext.jsの案件で求められるスキルの記事で整理しています。

よくある質問

Next.jsエンジニアの単価の相場はいくらですか？

Next.jsの単価について公的な統計はなく、担う範囲、開発の段階、使っている版、配信の責任、稼働日数、リモートの可否、商流によって大きく変わります。相場の数字を追うより、ご自身の経験がどの範囲に当てはまるかを整理し、複数の案件を同じ条件でそろえて比べるほうが判断の材料になります。

Pages Routerの経験しかないと報酬は下がりますか？

Pages Routerは公式に引き続きサポートされており、その経験を求める保守や移行の案件もあります。ただ、新しく始める案件はApp Routerが多いため、選べる案件の幅は狭くなりやすい傾向があります。Pages Routerの知識は移行の案件で強みになるので、App Routerの考え方を身につけて両方を説明できるようにしておくと、条件の幅が広がります。

ホスティングやインフラの知識は報酬に関係しますか？

関係することがあります。Next.jsはNode.jsのサーバーやコンテナ、各種プラットフォームなど配信先の選択肢が多く、配信先によって使える機能や運用の手間が変わります。配信の設計や運用まで任される案件では、画面の実装だけの案件より担う範囲が広く、その分が条件に表れやすくなります。