Next.jsの各機能にそれぞれ最適なコードを実装しながら、Next.jsに特化して学べる専門書

Next.jsは、Reactをベースにサーバーサイドからクライアントサイドまでを統合的に開発できるWebアプリケーションフレームワークです。

近年、Next.jsはコマンドを使って簡単にアプリケーションを作成できるということで、例えばNext.jsとVercelを使った高速アプリケーション開発など、注目を集めている技術です。

そこで、本教材では、まずNext.jsというフレームワークがどのようなものか、その特徴を知り、それから実際にコマンドを使いNext.jsアプリケーションを作って動かしてみることにします。

また1教材で1つ大きなアプリケーションを実装するのではなく、Next.jsの各機能にそれぞれ最適なコードを実装しながら、学べる内容にまとめています。

Next.jsのアプリケーションがどのようなものなのか、その中身についてしっかりと理解していきましょう。

学習内容

• ReactとNext.jsの違い
• Next.jsを使うメリット・魅力
• Create Next Appでの環境構築
• SSG/SSRによるページ作成
• ページとコンポーネントの作成
• 複数のページの作成・複数の複数コンポーネントに分離
• APIルーティングによるデータの処理
• Vercelを使ったデプロイ

本教材の対象者

• Reactを学び、次はReactの知識を元にNext.jsを学習したい方
• Next.jsとVercelを使って、簡易アプリケーションを高速で開発したい方
• Next.jsを使っているだけで、Next.jsの特徴を深く知らない方

受講における必要条件

• React の基礎知識 (コンポーネント作成、propsなどの理解)
• ターミナルの基本操作（cd 、ls などの操作ができるレベル）

学ばないこと

• ESLint Pluginなどのlintの周辺技術
• 認証の周辺技術

本教材の対応バージョン

• Next.js 12
• Node.js 16

本教材で質問対応可能なOSや環境