概要 †
特徴 †
- SSR
- webpackやbabelといったフロントエンドのビルド環境をフレームワーク側で内包
- ファイルシステムを利用した手軽なルーティング機能
- TypeScriptのビルトインサポート
- CSS Modulesや数々のCSS in JSのビルトインサポート
- 数々のパフォーマンス最適化
採用事例 †
レンダリング †
- Reactは基本的に、CSR（Client Side Rendering）のみしか実装できない
- Next.jsは、SSR、SSG、ISRを自由に使い分けることでできる
- これらを使うことで、CSR のデメリットである初期表示の遅延が解消される
- そのため、React と Next.js を併用することで、Webページの表示速度を最適化することできる
データ取得 †
- SWRは、クライアントJavaScriptからのデータ取得とそれに関連する操作を提供するReact Hooks群
Next.js 13 †
appディレクトリ †
入門 †
tRPC †
GraphQL †
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
