【最新のNext.jsを実践的なサンプルコードで解説！】 最新のNext.jsを現場で使うために実践的な知識を詰め込んだ一冊です。フレームワークの基礎はもちろん、パフォーマンスを上げるための知識や関連ライブラリまで、詳細なサンプルコードをもとに解説していきます。 ■目次 ●第1章：Next.jsの基礎 　　1.1：Next.jsプロジェクトの始め方 　　1.2：アプリケーションのルーティング 　　1.3：SPAならではのナビゲーション 　　1.4：ネスト可能なレイアウト ●第2章：Server Componentとレンダリング 　　2-1：Server ComponentとClient Component 　　2-2：Server Componentのデータ取得 　　2-3：動的データ取得と静的データ取得 　　2-4：Routeのレンダリング ●第3章：App Routerの規約 　　3.1：Segment構成ファイル 　　3.2：Segment構成フォルダ 　　3.3：Parallel RoutesとIntercepting Routes 　　3.4：Routeのメタデータ ●第4章：Route Handler 　　4.1：Route Handlerの定義 　　4.2：Route Handlerのレンダリング 　　4.3：Route Handlerの使用例 ●第5章：サンプルアプリの概要 　　5.1：サンプルコードの概要とシステム構成 　　5.2：ローカル開発環境の構築 　　5.3：ORMライブラリ「Prisma」の概要 　　DBビジュアルエディター「Prisma Studio」の概要 　　5.5：開発環境のストレージサーバー ●第6章：データ取得とキャッシュ 　　6.1：サンプルコード共通のUIコンポーネント 　　6.2：fetch関数でのデータ取得 　　6.3：fetch関数のRequestのメモ化 　　6.4：fetch関数のキャッシュ 　　6.5：Prisma Clientでのデータ取得 　　6.6：Prisma ClientのRequestのメモ化 　　6.7：Prisma Clientのキャッシュ ●第7章：認証機能 　　7.1：環境変数の設定 　　7.2：OAuthクライアントの作成 　　7.3：NextAuth.jsの導入 　　7.4：ログインユーザーのデータ表示 　　7.5：閲覧ユーザーに応じた表示分岐 ●第8章：モーダル表示とデータ連携 　　8.1：汎用的なモーダルコンポーネント 　　8.2：Parallel RoutesとIntercepting Routesを用いたモーダル 　　8.3：バックエンド間連携によるデータ保存 　　8.4：バックエンド間連携によるデータ削除 ●第9章：データ更新とUI 　　9.1：Server Actionの基礎 　　9.2：Server Actionによるデータ保存 　　9.3：Server Actionによるデータ削除 　　9.4：Server Actionのエラーハンドリング231 　　9.5：Server ActionとフィードバックUI表示 　　9.6：Server Actionによる楽観的UI更新 　　9.7：Server ActionのFormバリデーション 　　9.8：Revaliateの設計 ●第10章：パフォーマンスとキャッシュ 　　10.1：コンポーネント構造のパフォーマンスへの影響 　　10.2：fetchCacheの設定 　　10.3：静的Routeを増やす実装 　　10.4：SSG Routeの実装 　　10.5：SSG Routeのパフォーマンスの定量評価 　　10.6：Next.jsによるアセットの最適化 　　10.7：Next.jsの4種類のキャッシュ 付録A：Prisma 　　A.1：Prisma schemaの概要 　　A.2：Prisma Clientの概要 　　A.3：Prismaのマイグレーションとシーディング ■著者プロフィール 吉井健文：フロントエンドを専門とするエンジニア。著書として『フロントエンド開発のためのテスト入門』（翔泳社、2023年）、『実践TypeScript』（マイナビ、2019年）があるほか、WEB+DB PRESSへの寄稿なども行う。Twitter: @takepepe

願いを現実にする病、『幻想病』。少女ルータが目覚めると、そこは幻想病によって変質した不思議な世界だった。ルータは初めて会った他人、シノツクと一緒に東京を目指す。幻想病によって変質し、文明が崩壊した近未来の現代世界を旅していく、情緒と哀愁の入り混じった物語。

※PDF版をご希望の方は Gihyo Digital Publishing (https://gihyo.jp/dp/ebook/2022/978-4-297-13073-2)も合わせてご覧ください。 人気のWebフロントエンドフレームワーク「Vue.js」がバージョンアップして「Vue 3」となり，TypeScriptの標準採用，新機能Composition API，Vite，Piniaの搭載など，大幅に機能が更新・強化されました。それに伴い，Vue 3では，従来のOptions APIを利用したコンポーネント開発とは異なる開発手法が必要となります。本書では，Composition APIによるコンポーネント開発やPiniaによる状態管理，Vue RouterによるSPA開発，非同期処理やユニットテストなどを新機能を駆使して解説しており，Vue 3によるフロントエンド開発手法が1冊ですべて身に付く内容になっています。