Summary  
This chapter introduces the Next.js framework’s core concept of enabling server-side rendering and static site generation for React-based applications.

General domain of usage  
Full-stack web application development

Next.jsコースへようこそ。Next.js 14の主な機能を、フルスタックWebアプリケーションを構築しながら学習します。

## TradeHub管理プラットフォームの構築
本コースでは、**TradeHub管理プラットフォーム**を開発します。このプラットフォームでは、販売者、請求書、収益の管理が可能です。プラットフォームは以下の複数のページで構成されます。
- すべてのユーザーがアクセスできるランディングページ
- すべての機能の安全性を確保する認証ページ
- すべての活動の中心となるダッシュボードページ
- 請求書に対してCRUD操作を行うページ

## コース修了時に得られること
Next.js 14 フレームワークのすべての最新機能に精通し、この知識を自身のアプリケーションに応用できるようになります。

Next.jsを使用して、モダンで高性能なウェブアプリケーションの構築方法を学びます。構造化されたレイアウト、スタイリング、ルーティングによるシームレスなナビゲーションでプロジェクトをセットアップします。効率的なデータ取得と表示を行い、レンダリングとパフォーマンスを最適化します。ページネーション、CRUD操作、グローバル検索などの高度な機能を実装し、動的なウェブアプリを実現します。Next.jsプロジェクトのデプロイ、データベースとの接続、認証機能の追加によるユーザーデータの保護も扱います。

Next.jsフレームワークに取り組む前に学ぶべき内容、このコースで期待できること、そして構築するものについて説明します。

プロジェクトのセットアップを行い、アプリにスタイリングを追加する方法を確認し、画像、フォント、ページ、レイアウトなどのビジュアル面を扱います。

アプリの新しいビューを簡単に作成・管理し、組み込まれたルーティングシステムによってすべてのページをシームレスにナビゲートする方法を学びます。

GitHubおよびVercelアカウントを使用してNext.jsアプリをデプロイします。さらに、アプリに必要なデータを提供するためのデータベースを構築します。

データを明確かつ効率的に取得し、ユーザーに表示する方法を検討します。

ページネーション、CRUD操作、グローバル検索、フォームバリデーションなどの最新ウェブ機能の実装方法を学びます。