概要

本書は，最近需要が急増しているSSR（Server Side Rendering）によるSPA開発に適したWebアプリケーションフレームワーク「Nuxt 3」の解説書です。Nuxtは，最新のバージョン3でVue 3に完全対応したことで，Composition APIやTypeScriptを活用した効率的な開発が可能になりました。さらに，CSR／SSR／SSG／ISGの柔軟な切り替えやサーバレスビルドにも対応し，サーバレスWebサービス開発に最適のフレームワークへと進化しました。本書では，Nuxt 3の基本機能から，Composition APIを使ったアプリケーション開発の方法，エラー処理やNetlify／AWS Lambda／Herokuの本番環境へのデプロイまで，Nuxt 3の全機能を網羅して解説します。

こんな方におすすめ

• Nuxt 3を使ってWebフロントエンドやWebアプリケーションを開発したい人

目次

第1章　Nuxtを初体験

• 1.1　VueとNuxtの関係
• 1.2　Nuxtの環境構築
• 1.3　Nuxtプロジェクトの作成と実行

第2章　Nuxtアプリケーションの基本

• 2.1　SFCへの記述の基本
• 2.2　コンポーネント間連携
• 2.3　ステートの利用

第3章　Nuxtでのルーティング

• 3.1　Nuxtルーティングの基本
• 3.2　ルートパラメータとルーティング制御
• 3.3　ネストされたルーティング
• 3.4　レイアウト機能
• 3.5　ヘッダ情報の変更機能

第4章　Nuxtのデータ取得処理

• 4.1　Nuxtのデータ取得の基本
• 4.2　データ取得処理をまとめておけるuseAsyncData()
• 4.3　useAsyncData()と$fetch()を簡潔に書けるuseFetch()
• 4.4　ページ遷移を優先するLazy
• 4.5　データ取得処理を再実行するリフレッシュ
• 4.6　コンポーザブルとランタイム設定

第5章　Nuxtのサーバ機能

• 5.1　Nuxtのサーバ機能の基本
• 5.2　送信データの扱い
• 5.3　サーバサイドルーティング
• 5.4　Nuxt のサーバストレージ機能

第6章　Nuxtでのエラー処理

• 6.1　Nuxtのエラー発生とエラー処理タグ
• 6.2　子コンポーネントレンダリング時のエラー
• 6.3　カスタムエラー画面
• 6.4　サーバAPIエンドポイントのエラー処理
• 6.5　会員情報管理アプリへのエラー処理

第7章　Nuxtのミドルウェア

• 7.1　ログイン機能の実装
• 7.2　ルートミドルウェア
• 7.3　サーバミドルウェア

第8章　Nuxtの動作の仕組み

• 8.1　npm runのオプション
• 8.2　Nuxtのレンダリングモード
• 8.3　Redisとの連携

第9章　Nuxtを本番環境へデプロイ

• 9.1　Nuxtのデプロイ先サービス
• 9.2　Netlifyへのデプロイ
• 9.3　AWS Lambdaへのデプロイ
• 9.4　Herokuへのデプロイ

• 付録1　ネットワーク速度の変更
• 付録2　Vue Devtools
• 付録3　Nuxt Devtools

サポート

現在サポート情報はありません。