用語集一覧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を使ったプロジェクト開発を得意としています。