フロントエンドエンジニア副業｜Next.js案件の単価相場と週稼働

2026年4月19日

長谷川奈津

この記事のポイント

✓フロントエンドエンジニアの副業を始めたい方へ
✓Next.js案件の単価相場
✓週10時間稼働のリアル

先日、あるフロントエンドエンジニアの方から相談を受けました。「平日夜と土日でNext.jsの副業を始めたが、契約書なしで作業を進めたら、納品後に『仕様と違う』と言われて報酬が半額になった」と。結論から言うと、これは2024年11月施行のフリーランス保護新法（特定受託事業者に係る取引の適正化等に関する法律）で明確に問題視される行為です。これ、知らない人が本当に多いんです。

「フロントエンドエンジニア副業」と検索してこの記事にたどり着いた方は、おそらく次のような悩みを抱えているはずです。本業で得たReactやTypeScript、Next.jsのスキルを活かして月数万円〜数十万円の副収入を得たい。ただ、相場感がわからず安く買い叩かれないか不安。週何時間くらいの稼働で現実的に回せるのか知りたい。契約や請求書のトラブルが怖い。本記事では、フロントエンドエンジニアの副業市場の現状、単価相場、案件獲得経路、契約と税務の注意点を、フリーランス向け法務の現場で見てきた事例を交えて解説します。法律はあなたの味方です。仕組みを知った上で動けば、副業は無理なく続けられます。

フロントエンドエンジニアの副業市場、いま何が起きているか

フロントエンドエンジニアの副業市場は、ここ数年で需要と供給の両面から大きく変化しています。コロナ禍以降のDX投資、SaaSスタートアップの増加、そして2024年のフリーランス保護新法施行によって、副業エンジニアを業務委託で迎え入れる企業が一気に増えました。私が日々受ける法務相談でも、ITエンジニアの業務委託契約の件数は前年比約1.5倍のペースで増えている肌感です。

技術スタックの観点では、Next.jsとTypeScriptを扱える人材の需要が突出しています。App Routerの登場で従来のPages Routerから移行するプロジェクトが増え、サーバーコンポーネントやServer Actionsを理解した開発者を「副業でいいから週10〜20時間入ってほしい」と募集する案件が目立ちます。加えて、HeadlessなCMS（microCMS、Contentful、Strapi等）と組み合わせたコーポレートサイト・メディアサイト構築や、TailwindCSSとshadcn/uiを使った管理画面の実装案件も常時動いています。

外部市場データを見ても、この傾向は明らかです。

フロントエンドエンジニアの年収は、スキルレベル、経験年数、勤務地域、企業規模などによって大きく異なります。2023年の調査データによると、日本におけるフロントエンドエンジニアの平均年収は約550万円から700万円の範囲にあります。ただし、この数字は一般的な傾向を示すものであり、個々のケースではこれより高い、または低い年収の場合もあります。

つまり、本業の年収レンジが550万〜700万円であれば、その時給換算（おおむね3,000〜4,500円）を基準に副業単価を設計するのが現実的な出発点になります。フロントエンドの副業は「本業と同等以上の時給で外貨を稼ぎに行ける数少ない職種」と言って差し支えありません。市場全体としては、AI関連の周辺UI実装（チャットUI、ストリーミング表示、プロンプト設計画面）も急速に立ち上がっており、AI領域に近いフロントエンドエンジニアは特に引き合いが強い状況です。AI領域のお仕事の全体像はAI・マーケティング・セキュリティのお仕事で整理しているので、案件の傾向を掴みたい方は併せて目を通しておくと役に立ちます。

ひとつだけ注意したいのは、市場が活況だからといって「誰でも稼げる」わけではないという点です。実際の現場では、ReactのHooksを正しく理解していない、Gitのブランチ運用が独我流、レビュー指摘への返答が雑、といった理由で初回契約のみで終わってしまうケースも珍しくありません。逆に、技術力が突出していなくても、コミュニケーションが丁寧で納期を守る人は継続して指名されます。市場の追い風を活かせるかどうかは、最終的に「ビジネスパーソンとしての基本動作」で決まると考えてください。

Next.js副業案件の単価相場と報酬モデル

副業を始める前に必ず押さえておきたいのが、単価相場の感覚です。これ、知らないと安く請けて消耗するだけで終わります。フロントエンドエンジニアの副業報酬モデルは、大きく分けて「時給制」「月額固定（稼働時間レンジ指定）」「成果物固定報酬」の3つです。

時給制の相場は、経験3〜5年のミドル層で時給3,500〜5,500円、6年以上でNext.jsのSSR/ISRやサーバーコンポーネントを設計から提案できるシニア層で時給6,000〜10,000円が中心レンジです。テックリード級になると時給10,000円を超える案件も存在しますが、これは技術選定・レビュー・若手育成までを引き受ける前提です。月額固定の場合は、週10時間稼働で月15万〜25万円、週20時間稼働で月30万〜50万円が一般的な水準です。

スキルレベル別の単価感は、外部の市場データを横並びで見るとさらに具体的に掴めます。

フリーランスとして働くフロントエンドエンジニアの場合、スキルと経験に応じて時給5,000円から15,000円程度の報酬を得ることができます。年間で換算すると、900万円から2,000万円以上の収入になる可能性があります。ただし、フリーランスの場合は仕事の安定性や福利厚生面でのリスクも考慮する必要があります。

つまり、フルタイムフリーランスのレンジが時給5,000〜15,000円なのに対し、副業はその下限〜中央付近を狙うのが妥当ということです。週10時間程度の限定稼働だと、企業側もコア機能ではなく「補助的なUI実装」「既存機能の改修」「リファクタ」を任せたい意図が強く、シニア相場の上限を取りに行くのは難しい場面もあります。逆に「PdMやデザイナーと直接会話して仕様を詰めながら作る」「テックリードに準ずる立場でレビューも回す」のような関わり方を求められる案件であれば、副業でも時給8,000円以上が現実的に提示されます。

成果物固定報酬は、コーポレートサイトのリニューアル、ランディングページの実装、管理画面の特定機能リリースなど、スコープが切りやすい案件で採用されます。30万〜80万円のレンジが多く、納期は1〜2か月。ただし固定報酬は「追加要望に呑まれて時給換算が一気に下がる」リスクが最大の難点です。後述する契約書で「仕様変更時の追加見積もりルール」を明文化しておかないと、ほぼ確実に消耗します。

週10〜20時間で回す現実的な稼働設計

副業エンジニアの相談で最も多いのが「本業と両立できる稼働時間がわからない」「最初に多く請けすぎて燃え尽きた」というものです。結論から言うと、副業フロントエンドの最初の3か月は週10時間以内に抑えることを強く推奨します。

具体的なタイムテーブルとしては、平日2日×2時間（合計4時間）と土日のどちらか1日×4〜6時間、というモデルが現実的です。平日夜にコーディング、土日に設計レビューや週次MTGに参加する形が、本業の負担を最小化しつつクライアントとの接点も保てるバランスです。本業の繁忙期があるエンジニアは、最初から「稼働可能時間は週8時間です」と明示しておくのが信頼関係維持のコツです。ここを曖昧にしたままタスクを引き受けると、想定外の残業が連鎖して本業のパフォーマンスにも影響します。

注意点として、Next.jsの副業案件は「コードレビュー時間」「Slackでの非同期コミュニケーション」「定例MTG」が稼働時間に含まれるかどうかで実質的な手取りが大きく変わります。私の相談現場でも、「実装時間しか請求できないと思っていて、MTG2時間×週1回ぶんを請求し忘れていた」というケースを何度も見てきました。契約締結時に「報酬の対象となる稼働時間の定義」を文書で確認することを必須にしてください。Slack確認も、レビュー対応も、定例MTGも、すべて業務時間です。

工数管理ツールとしては、Toggl Track、Clockify、Harvest等が定番です。私の関与しているケースでは、副業エンジニアが自前で15分単位のタイムログを残し、月末にクライアントへ提出する運用が最もトラブルが少ない印象です。「ざっくり週何時間でした」と申告するスタイルは、クライアント側からの信頼も得にくく、後から稼働実績を巡って揉めるリスクが高いので避けたほうが安全です。

体力面では、週20時間を超えると本業のパフォーマンス低下が顕著になるという声を多く聞きます。フロントエンドの実装は集中力を要求される作業で、疲労が溜まるとバグ混入率が一気に上がります。3か月に1回は必ず1〜2週間の連続休暇を取って、稼働ゼロの週を意図的に作ってください。これは精神論ではなく、長期的に副業を続ける上でのリスク管理です。報酬は逃げません。逃げるのは健康です。

副業案件には「フルリモート完全裁量」型と「コアタイム指定」型があります。本業が会社員の方は前者を優先的に探すべきで、コアタイム（例: 平日10〜12時はSlack即レス必須）が設定されている案件は、就業規則違反になる可能性があります。本業のキャリア・副業・人生相談のお仕事で扱う領域とも重なりますが、副業を始める前に必ず本業の就業規則を確認し、副業可・禁止・許可制のどれに該当するかを把握しておくことが第一歩です。許可制の会社で無申告のまま副業を続けていることが発覚すると、懲戒の対象になり得ます。

案件獲得の主要経路と選び方

フロントエンドエンジニアの副業案件は、大きく4つの経路から獲得できます。それぞれにメリット・デメリットがあり、自分のスキルレベルや使える時間に応じて使い分けるのが現実的です。

1つ目は、エージェント経由（マッチング型）です。Offers、ITプロパートナーズ、Findy Freelance、レバテックフリーランス等が代表的なサービスで、登録後に担当者がスキルシートをヒアリングして案件を提案してくれます。週10〜20時間の副業に最適化された案件が多く、契約周りもエージェントが間に入るためトラブルが起きにくいのが最大のメリットです。一方で、エージェントが報酬の一部をマージンとして取るため、企業から見た発注額より受け取り額は10〜25%ほど低くなります。副業1〜2件目はエージェント経由で安全に始め、慣れてきたら直契約に切り替えるという段階的アプローチが定石です。

3つ目は、リファラル（紹介）です。本業の元同僚、勉強会で知り合ったエンジニア、X（旧Twitter）でつながったCTOやEMからの紹介で副業を始めるパターンは、相場より2〜3割高い単価で契約できる傾向があります。理由は単純で、紹介経由の人材は事前に信頼が担保されており、企業側も採用コストを節約できるためです。リファラル案件を増やすには、登壇、技術ブログ、OSSコントリビュートといった「自分の技術発信」を継続することが効きます。短期で結果は出ませんが、3年単位で見ると最も安定した経路になります。

4つ目は、自社サービスや個人開発の延長としての受託です。自分が運営しているWebサービスやOSSがあれば、それを見た企業から「同じ実装をうちでも作ってほしい」と直接打診されるケースがあります。単価面では最も自由度が高い反面、契約・税務・要件定義のすべてを自分でハンドリングする必要があるため、副業初心者にはハードルが高めです。1年以上の副業経験を積んでから挑戦するルートだと考えてください。

経路選びのポイントは、「最初は安全側に振る」ことに尽きます。最初の案件で契約トラブルや報酬未払いに遭うと、副業そのものを続ける気力を失います。エージェント経由で1件、クラウドソーシングで1件、合計2件を3か月ほど回して「自分はどのくらい稼働できて、どの単価感が無理ないか」を実感したうえで、段階的に高単価案件にシフトしていくのが安全な歩み方です。

契約・税務・トラブル対応の必須知識

ここからが、私が法務の現場で最も口酸っぱく伝えている領域です。フロントエンドエンジニアの副業で起きるトラブルの大半は、契約書の不備と税務知識の欠如に起因します。

契約書で必ず確認すべき項目

副業案件の契約書（業務委託契約書 or 準委任契約書）で必ずチェックすべき項目は以下です。

第一に、契約形態が「請負」か「準委任」かを明確に区別すること。請負は「成果物の完成」が報酬対象で、瑕疵担保責任（現在の用語では契約不適合責任）が発生します。準委任は「業務の遂行そのもの」が報酬対象で、成果物の完成義務は負いません。Next.jsの実装案件は、案件の性質によってどちらにもなり得ますが、フロントエンドの副業では「準委任」のほうがリスクが低い場面が多いです。請負契約で「仕様と違うので報酬は払えない」と言われるトラブルが本当に多いんです。

第二に、報酬の支払期日。フリーランス保護新法では、発注者は受領日から60日以内に報酬を支払う義務があると明文化されています。つまり、契約書に「支払いは90日後」と書かれていたら、その時点で違法です。契約書を読まずに署名する前に、支払期日の条項は必ず確認してください。

第三に、検収期間と検収方法。「クライアントが何営業日以内に検収して、検収完了とみなされる場合の条件は何か」を明文化しておかないと、永遠に検収されず報酬が支払われない、という事態が起き得ます。「納品から7営業日以内に異議申し立てがない場合は検収完了とみなす」という条項を入れるのが定番の防衛策です。

第四に、知的財産権の帰属。Next.jsで実装したコードの著作権は、契約書に明記がなければ作成者（=あなた）に帰属します。クライアントに譲渡する場合は契約書にその旨を明記し、譲渡対価を含めた報酬設計にしてください。「OSSコンポーネントを再利用したコード」は譲渡対象から外す等の例外設計も必要です。

第五に、損害賠償の上限。「業務上の過失によって生じた損害について無制限に賠償責任を負う」という条項が入っている契約書は危険です。副業エンジニアの責任範囲は月額報酬の3〜6か月分を上限とするのが業界慣行であり、ここを上限なしのまま署名するのは絶対に避けるべきです。

※ なお、契約書のチェックは記事の解説範囲を超えるリスクを伴います。重要案件や高額案件では必ず弁護士または行政書士に相談してください。私自身も、複雑な業務委託契約は弁護士と連携して対応しています。法務まわりの基礎を体系的に学びたい方は行政書士の資格ガイドも併せて読んでおくと、自分の身を守る視点が養えます。

税務とインボイス制度

副業収入が年間20万円を超えると確定申告が必要になります。フロントエンドの副業は、月10万円程度の継続案件1件でも年間120万円となり、ほぼ確実に確定申告対象です。所得区分は「雑所得」または「事業所得」のいずれかで、継続性・反復性・規模感によって判断されます。雑所得だと損益通算ができず、青色申告特別控除（最大65万円）も使えないため、副業を本格的に続ける方は事業所得として開業届を出すメリットが大きいケースがあります。

インボイス制度については、2023年10月から始まった適格請求書発行事業者の登録が、副業エンジニアにも影響しています。年間売上1,000万円以下の免税事業者であっても、クライアントが課税事業者の場合は「インボイス登録していないと消費税分を値引きしてほしい」と交渉されるケースが頻発しています。これ、知らない人が本当に多いんですが、フリーランス保護新法では「合理的な理由なく一方的に報酬を減額すること」が禁止されています。インボイス未登録を理由とした10%相当の値引き要求に応じる義務はなく、交渉の対象として位置づけるのが正しい対応です。

ただし、長期的にクライアントとの関係を維持したいなら、インボイス登録（適格請求書発行事業者登録）を選ぶ副業エンジニアも増えています。登録すると消費税の納税義務が発生しますが、簡易課税制度を選択すれば負担はそこまで重くありません。年間売上500万円超を継続的に見込むなら、登録メリットの方が大きい場面もあります。判断に迷う場合は税理士に相談してください。

トラブルが起きたときの対応

実際にトラブルが起きたとき、最初の一手は「証拠の保全」です。Slackのメッセージ、メール、契約書、納品物のGitコミット履歴、稼働ログ、これらをすべてダウンロードしてバックアップしてください。クライアント側のアカウント権限を停止される前に動く必要があります。

報酬未払いの場合、まずは内容証明郵便で「支払期日を過ぎているため、◯月◯日までに支払いを求める」旨を通知します。これでも応じない場合は、フリーランス・トラブル110番（厚生労働省・公正取引委員会共管の相談窓口）への相談、または少額訴訟（60万円以下の請求であれば簡易裁判所で迅速に判断が下る）の検討に進みます。フリーランス保護新法に基づく公正取引委員会への申告も有力な手段です。詳しくは公正取引委員会の公式ページに新法のガイドラインが掲載されています。

私が現場で見た失敗事例

最後に、私が実際に相談を受けたケースを匿名化して紹介します。あるフロントエンドエンジニアが、知人の紹介でスタートアップのNext.js実装を月額30万円・週10時間契約で受けました。契約書は雛形を流用したもので、「成果物の所有権はクライアントに帰属」「検収期間の定めなし」「損害賠償の上限なし」という典型的な穴あき契約でした。3か月目に「リリース後のバグでユーザー離脱が起きた、損害として50万円を報酬から差し引く」と言われ、報酬がゼロになる寸前まで揉めました。最終的には弁護士介入で和解に至りましたが、契約書を最初に1時間チェックしていれば防げた話です。

法律はあなたの味方です。ただし、契約書を読まずに署名した瞬間に、その武器は使えなくなります。副業を始めるときは、必ず契約書を熟読し、不明点はその場で質問する習慣をつけてください。

第一に、案件タイトルに「Next.js」「TypeScript」「Tailwind」が含まれる案件は、過去2年で着実に増加しています。特にApp Router対応・サーバーコンポーネント設計の経験者を募集する案件が増えており、これは2024年以降のNext.js 14〜15のメジャー機能変更を受けた業界全体の動きと一致しています。逆に、jQueryやBootstrapのみを要求する案件は減少傾向にあり、フロントエンドの副業市場では「モダンスタック」がスタンダードになりつつあります。

第二に、稼働時間の指定は「週10〜20時間」が中心ですが、近年「週5〜10時間」のスポット案件も増えています。これは企業側が「フルタイムの正社員を採用するまでではないが、特定タスクだけプロに任せたい」というニーズを抱えていることの表れです。具体的には、Storybookの整備、Lighthouseスコア改善、Core Web Vitalsの最適化、SEO対応（Open Graph、構造化データ）、アクセシビリティ対応（WAI-ARIA、キーボード操作対応）といった、専門性が高い局所的タスクの委託が増えています。

第三に、フロントエンドエンジニアの副業案件には「兼業」と「複業」のニュアンスの違いが現れています。兼業は本業を主軸とした副収入目的、複業は複数の本業を並列で持つキャリア戦略の一環、と整理できます。複業型のエンジニアは、Next.js案件を週20時間×2社で並行して請けるスタイルが増えており、年収換算で1,000万円超を実現しているケースも観測されます。ただし、これは本業を辞めてフリーランス化する手前の「準フリーランス状態」であり、本記事の主題である「副業」とは少し位相が異なります。

第四に、案件の業種偏りに注目すると、SaaS・受託開発・自社サービス運営企業が約7割を占めます。一方で、医療、教育、金融、製造業の事業会社からの「インハウスエンジニアを補強したい」案件も徐々に増えており、これは事業会社のDX投資が進んだ結果と読み取れます。事業会社案件はSaaS案件より単価がやや低めですが、納期に余裕がある、長期継続しやすい、業界知識が身につくといったメリットがあります。

第五に、デザイン・編集・ライティング系の隣接スキルを持つフロントエンドエンジニアは、案件単価が10〜20%高くなる傾向が観察されます。これは「実装だけでなく、デザインの意図を汲んで微修正できる」「リリースブログを書ける」「コードコメントが丁寧」といった付随価値が、企業側にとって採用コストの節約につながるためです。例えば、ライティングスキルを伸ばすなら著述家，記者，編集者の年収・単価相場で隣接職種の単価感を確認したり、デザイン系の認定資格であるAdobe認定プロフェッショナル Adobe Expressを取得して幅を広げるのも有効です。

第六に、関連職種への横展開も視野に入れる価値があります。フロントエンドの副業経験を積んだあと、より専門性を深めるルートとして「キャリアコンサルタント資格を取得して副業エンジニア向けのキャリア相談業務に展開する」「社労士資格と組み合わせて法人化支援に進む」といった事例も観察されます。後者については社会保険労務士×助成金コンサルの副業2026｜月額顧問10万円の始め方で具体的な業務イメージを紹介していますし、前者についてはキャリアコンサルタント資格の活かし方｜副業・独立ガイド【2026年版】が参考になります。

第七に、副業を始める前段階で「文章力の証明」として民間検定の取得を選ぶエンジニアもいます。Webライティング系の検定は、提案書・要件定義書・技術ブログの執筆スキルを示す指標として一定の価値があり、副業エンジニアのポートフォリオを補強する一手になります。詳しい違いと活かし方はWebライティング能力検定・技能検定の違いと副業への活かし方で整理しているので、文章で差別化したい方は参考にしてください。

第八に、作曲・映像・音声といったクリエイティブ系の案件と、フロントエンドエンジニアの組み合わせも見逃せません。動画プラットフォームのプレイヤーUI実装、Web Audio APIを使ったインタラクティブコンテンツ、Three.jsを使った3Dビジュアライゼーション等、フロントエンドの境界線は技術の進化とともに広がっています。隣接領域の単価感を掴むなら作曲・編曲・効果音・ジングルのお仕事も参考になります。