Next.jsのフリーランス案件は「平均で月70〜80万円前後」と言われますが、同じNext.jsでも80万円ラインに乗る人/乗らない人に分かれます。 差が出るのは、経験年数よりも担当範囲(設計・改善・運用)SSR/ISR・SEO・速度改善を語れるかどうかです。

この記事では、Next.js案件の単価相場の見方を整理しつつ、月80万円を狙うために必要な条件をユーザー目線で具体化します。 「今のスキルで何が足りないか」「案件票でどこを見ればいいか」が分かるようにまとめます。

Next.js案件の単価相場:まず押さえるべき目安

Next.js案件の平均単価は各サービスの集計により差がありますが、目安として月70〜80万円帯が中心となりやすい傾向があります。 一方で、要件次第では月90万〜100万円以上の募集も見られます。

レンジ よくある担当範囲 求人票で多い要件 単価が伸びにくい理由
55〜65万円 実装中心(画面改修・コンポーネント作成) React/Next.jsの実装、CSS、軽いAPI連携 「作るだけ」で設計や改善が少ない
65〜80万円 実装+一部設計(状態管理・ルーティング・SEO対応) TypeScript、SSR/SSG、簡易パフォーマンス改善 改善の裁量が限定されがち
80〜95万円 設計+改善(SSR/ISR戦略、速度、SEO、運用) App Router、RSC理解、計測と改善、テスト 成果責任が増える分、経験が問われる
95〜120万円 リード/アーキ(技術選定、品質、運用設計、チーム牽引) 設計レビュー、可観測性、CI/CD、BFFやAPI設計 「説明と合意形成」まで求められる

ポイントは、80万円を超える案件ほど「Next.jsで実装できます」では足りず、プロダクトの指標(SEO/速度/運用)に責任を持つ役割へ寄っていくことです。

月80万円ラインに乗る3つの条件

条件① TypeScriptを“設計として”扱える

単価が上がる人は、TypeScriptを「型を付ける」だけで終わらせません。 ドメイン設計・API型・バリデーションまで一貫させ、変更に強い実装を作ります。

  • Zod等で入力検証し、型と実体のズレを減らす
  • APIレスポンス型を共通化し、画面側の破綻を防ぐ
  • UIコンポーネントを型安全にして再利用性を上げる

条件② SSR/ISR(SSG含む)を要件から選べる

Next.js案件では「SEOに強い」と言われがちですが、実務ではどのレンダリング方式を採るかで成果が変わります。 80万円帯では、要件(更新頻度・SEO・速度・運用)からSSR/ISR/SSGを選び、理由を説明できる人が強い。

方式 向いているページ 強み 注意点
SSR 会員/マイページ、常に最新が必要 最新データを即時反映しやすい サーバー負荷、キャッシュ設計が重要
SSG 更新頻度が低いLP、会社情報 初速が速く運用が軽い 更新の運用手順が必要
ISR 記事/商品一覧など「更新もしたい」 高速と更新性のバランスが良い 再生成間隔の設計が必要

案件票で「SSR/ISR」「App Router」「SEO改善」が書かれていたら、80万円ラインの入口になることが多いです。

条件③ 計測→改善の“型”を持っている

80万円を超えると、実装の速さよりも改善サイクルが評価されます。 具体的には、計測し、原因を切り分け、再発しない形で改善する力です。

  • LCP/CLS/INPなどの指標を理解し、改善案を出す
  • 画像最適化、遅延読み込み、キャッシュ方針を整理する
  • 不要なレンダリングや重いバンドルを削る
  • ログ/エラー監視を入れて運用の安心を作る

単価が伸びやすい案件要件チェックリスト

案件票で迷ったら、次の項目を見てください。 3つ以上当てはまるほど、単価が上がりやすい傾向があります。

  • TypeScript必須(型設計を求められる)
  • App Router(Next.js 13+移行や新規)
  • SSR/ISR/SSGの指定がある(戦略が必要)
  • SEO改善やコアウェブバイタル改善が目的に含まれる
  • パフォーマンス計測(Lighthouse/実測)に触れる
  • テスト(単体/E2E)や品質基準がある
  • 運用(監視、障害対応、リリースフロー)まで担当範囲にある
  • リード/設計レビューが役割に入る

逆に“80万円に届きにくい”案件の特徴

  • 文言修正や画面微修正が中心で、目的が薄い
  • 設計や改善の裁量が少なく、指示通りに作るだけ
  • Next.jsだが、CSR前提でSEOや速度の話が出ない
  • 品質基準(テスト、監視、レビュー)が曖昧

こうした案件は経験として無駄ではありませんが、長期化すると「できること」が増えにくい。 単価を上げたいなら、途中からでも改善タスクを握れる現場へ寄せるのが安全です。

月80万円へ近づく現実的ロードマップ

  1. React/Next.jsで「画面を作れる」状態を作る
  2. TypeScriptで型設計し、保守しやすい実装にする
  3. SSR/SSG/ISRの使い分けを説明できるようにする
  4. SEO(メタ、構造化、内部リンク)と速度改善を1回やる
  5. テスト/運用/リリースフローまで触れて「任せられる」になる

特に「③と④」を経験できると、案件の幅が変わります。 次に狙う案件は、単価だけでなく担当範囲に改善が入っているかで選ぶのがコツです。

BranDix JobでNext.js案件を探すときの見方

案件探しでは、タイトルだけで判断せず、募集要項の中で次の3点を確認してください。

  • 担当範囲:実装だけか、設計・改善・運用も含むか
  • 技術要件:TypeScript、SSR/ISR、App Router、テストの有無
  • 目的:SEO改善、速度改善、移行、品質改善など成果が明確か

Next.js案件で「80万円ライン」を狙える募集を確認する

今のスキルでどのレンジに入りやすいかを把握するだけでも、次に伸ばす技術が明確になります。

まとめ

Next.js案件の単価は、経験年数だけでは決まりません。 月80万円ラインに乗る鍵は、TypeScriptの設計SSR/ISRの選定計測→改善の型の3つです。

次の案件では「作る」だけでなく「良くする」役割を取りにいく。 その積み上げが、単価と市場価値を最短で押し上げます。