フレームワーク

WhyNext.js?

Answer

React で本格的な Web サイトを作るための「全部入り」だから。ページごとに表示方法を選べて、検索にも強いサイトを作れます。

What is Next.js

Next.js とは

Next.js は、React をベースにした Web アプリケーションのフレームワークです。ページの振り分け（ルーティング）、サーバーでの描画、静的生成、画像の最適化、SEO 用のメタデータ管理など、本格的なサイトに必要な機能が最初からそろっています。

Strengths

Next.js の良いところ

  1. 01

    ページごとに最適な表示方法を選べる

    事前に作っておく静的生成、アクセスのたびに作るサーバー描画、一定時間ごとに更新する方式などを、ページ単位で使い分けられます。

  2. 02

    Server Components で速く・軽く

    App Router の Server Components では、データの取得や重い処理をサーバー側で済ませ、ブラウザに送る JavaScript を減らせます。表示が速くなり、スマホにも優しくなります。

  3. 03

    検索に強い

    ページごとのタイトルや説明文、構造化データを、データに合わせて自動生成できます。全国数百ページのような大規模サイトでも SEO を作り込めます。

  4. 04

    フォームの処理もシンプルに

    Server Actions を使えば、フォームの送信やデータの更新を、API を別に作らずにサーバー側で安全に処理できます。

  5. 05

    情報と事例が豊富

    世界中で使われているため、公式ドキュメントや解説記事が充実しています。困ったときに答えが見つかりやすいのも大きな強みです。

Best for

こんな案件に向いています

  • 数百ページ規模のメディアサイト・比較サイト
  • ログインや決済のある Web サービス
  • 検索からの集客を重視するサイト

In our works

ドカタ.jp での採用事例

FAQ

よくある質問

React と Next.js の違いは？
React は画面の部品（UI）を作るためのライブラリで、Next.js はその React を使ってサイト全体を作るためのフレームワークです。ルーティングやサーバー描画など、React だけでは足りない部分を Next.js が補います。
Next.js はどこで公開できますか？
開発元の Vercel がもっとも手軽ですが、Node.js が動く環境や、各社のクラウドでも公開できます。