MASSIVE LINKS株式会社
用語集一覧AI・開発

Next.js

読み方:ネクストジェイエス

Reactベースのフルスタックフレームワーク。サーバーサイドレンダリング(SSR)・静的サイト生成(SSG)・App RouterによるモダンなWebアプリケーション開発を可能にする。Vercelが開発・メンテナンスを担当。

Next.jsとは

Next.jsは、Reactを使ったWebアプリケーション開発のためのフレームワークです。Reactのコンポーネントシステムを維持しながら、SEOに必要なサーバーサイドレンダリングや静的生成などの機能を提供します。

Next.jsの主な機能

  • App Router(v13以降):ファイルシステムベースのルーティング
  • Server Components:サーバー側でのコンポーネントレンダリング
  • SSR(Server Side Rendering):リクエスト時にHTMLを生成
  • SSG(Static Site Generation):ビルド時にHTMLを生成
  • Image最適化:``コンポーネントによる自動最適化
  • Font最適化:`next/font`によるゼロレイアウトシフト

App RouterとPages Routerの違い

  • Pages Router(従来方式):`pages/`ディレクトリ以下のファイルがルートになる
  • App Router(現行推奨):`app/`ディレクトリを使用、Server Componentsがデフォルト

採用実績

MASSIVELINKSではNext.js 15 App Routerを使ったプロジェクト開発を得意としています。

Next.jsとは | 用語集 | MASSIVE LINKS株式会社 | MASSIVE LINKS株式会社