作って学ぶＮｅｘｔ．ｊｓ／Ｒｅａｃｔ　Ｗｅｂサイト構築

Ｒｅａｃｔの環境が簡単に整い、サイトを構築でき、サーバサイドレンダリングや静的生成も試せる。学習にも実務にも適したＮｅｘｔ．ｊｓを使って、サイト制作を始めましょう。Ｎｅｘｔ．ｊｓの基本機能や使い方、Ｒｅａｃｔの基本やＣＳＳの扱いまで、しっかりマスターできます。

Reactベースのフレームワーク、Next.jsによるWeb構築の基本と実践を、ステップバイステップで学べる本。
本書は、これまでHTML&CSSを使ってきたものの、Reactにはちょっと手を出せなかった方を対象に、実際にブログを作成しながら、Next.jsを使ってサイトを構築できるようになることを目指しています。
Next.jsはReactの環境が簡単に整い、サイトも構築でき、静的生成やサーバーサイドレンダリングも試せます。学ぶ環境としても、経験を積む環境としても、そして実務のための環境としてもバランスよく整っているといえます。
Next.jsの基本的な機能が理解できることはもちろん、Reactの基本やReactでのCSSの扱いもしっかり解説しています。

●構成
Chpater1　ReactとJSX
Chpater2　コンポーネント
Chapter3　CSS Modulesとスタイル
Chpater4　レイアウトのスタイル
Chapter5　画像とアイコン
Chapter6　メタデータ
Chapter7　外部データの利用
Chapter8　記事データの表示
Chapter9　動的なルーティング
Chapter10　React Hooks（フック）

●本書で制作するサンプルサイトについて
本書ではNext.jsを使用して、ブログサイトをステップ・バイ・ステップで構築していきます。Next.js、React、JavaScript、CSS Modules、styled-jsxの活用方法や設定をわかりやすく見ていくため、ミニマルでシンプルなデザインにしてあります。Figma のデザインデータとして、デザインシステム（コンポーネント＆デザイントークン）もセットで用意していますので、実装時の参考にしてください。記事データの管理にはヘッドレスCMSのmicroCMSを利用します。

目次

１　ＲｅａｃｔとＪＳＸ
２　コンポーネント
３　ＣＳＳ　Ｍｏｄｕｌｅｓとスタイル
４　レイアウトのスタイル
５　画像とアイコン
６　メタデータ
７　外部データの利用
８　記事データの表示
９　動的なルーティング
１０　Ｒｅａｃｔ　Ｈｏｏｋｓ（フック）

本の帯に関して

帯つきでの出荷はお約束しておりません。
商品ページに、帯のみに付与される特典物等の表記がある場合でも、確実に帯つきでの出荷はお約束しておりません。
また、帯は商品の一部ではなく「広告扱い」のため、帯の有無・破損による交換や返品は承っておりません。

版・表紙について

版・表紙（カバー）のご指定は承っておりません。ご注文いただくタイミングによっては、お届けする商品の版や表紙が商品ページ上のものとは異なる場合がございます。
また、初版にのみにお付けしている特典（初回特典、初回仕様特典）がある商品は、商品ページに特典の表記がされている場合でも、無くなり次第終了となります。