技術用語

Next.js

ネクストジェイエス

React（リアクト）を土台にした Web アプリ向けフレームワークです。ルーティングやサーバー処理まで一式をカバーします。

体験区分：少しだけ触った推奨読者レベル：Level 2

React は画面部品を作る道具ですが、Web アプリ化にはページ管理とサーバー処理が要ります。Next.js はそれらをまとめてカバーし、ファイル構成でルーティングが決まります。

AI に「Next.js で作って」と頼んだり、Vercel（バーセル）へのデプロイ手順を調べる場面で登場します。生成コードに `app/` ディレクトリがあるときも、Next.js の仕様です。

構造図

2026.04·ready

「Next.js で作ると Vercel へのデプロイが一番シンプルですよね。」

Next.jsの見方

289

この用語の見どころ

役割

React を使った Web アプリ全体の枠組みを担うフレームワークです。

うれしさ

ルーティングやサーバー処理の設定が少なく、AI との共同開発が進みやすいです。

注意点

App Router と Pages Router の 2 系統があり、古い記事のコードが合わないことがあります。

どこで役立つか

AI にアプリを作らせて公開したい場面で選ばれやすいです。

はじめに

「React の上にあるアプリ全体の枠組み」と把握すると理解が早まります。

深掘り先

React（F-10）、Vercel（B-20）、App Router

非エンジニアのつまずき

私のコメント

開発フローでの位置

要件整理

→

AI にコード生成を依頼

→

ローカル確認

→

Vercel へデプロイ

→

保守・更新