TL;DR

Vercel が開発している React のフレームワーク。フルスタックの Web アプリケーションを作るために使う。

仕組み

UI は React のコンポーネントとして書き、Next.js がその周りのルーティング、レンダリング、データ取得、キャッシュ、ビルドの仕組みを提供する。ルーターには App Router と Pages Router の 2 つがあり、ドキュメントも分かれている。

App Router は、フォルダとファイルでルートを定義するファイルシステムベースのルーティングである。フォルダが URL Segment に対応する Route Segment を定め、page.tsx や layout.tsx などのファイルがそのセグメントで表示する UI を作る。

例

新しいプロジェクトは次のコマンドで作れる。

npx create-next-app@latest

自分の理解

ロゴを公式から直接ダウンロードしたが、ファイルサイズがとても大きかった。

関連

出典