TypeScript と React/Next.js でつくる実践 Web アプリケーション開発(タイプスクリプトトリアクト ネクストジェーエスデツクルジッセンウェブアプリケーションカイハツ)

新しいフロントエンドの入門書決定版!

本書は React/Next.js と TypeScript を用いて Web アプリケーションを開発する入門書です。

Web アプリケーションフレームワーク Next.js は React をベースに開発されています。
高速さに裏付けされた高い UX と、開発しやすさを両立しているのが特徴です。

本書では、 Next.js の開発をより快適・堅牢にする TypeScript で開発を進めます。

Next.js によるアプリケーション開発の基礎、最新のフロントエンドや Web アプリケーションの開発方法が学べます。

React と Next.js で実用的な Web アプリケーションを構築する方法を、 TypeScript を前提に解説した技術評論社の一冊です。著者の手島拓也氏ら執筆陣は実務でフロントエンド開発に携わるエンジニアで、単なる API リファレンスの翻訳ではなく「プロダクションで動かすために必要な設計判断」に踏み込んでいます。

前半で TypeScript の型システムと React のコンポーネント設計を固め、後半で Next.js の SSR / SSG / ISR を使った実装へ進みます。最終的にはフォーム処理、認証、デプロイまで含んだ C2C アプリを完成させる構成のため、部分的に拾い読みするよりも通して手を動かすことで一連の開発フローが身につきます。

留意点として、 Next.js は Pages Router 時代の内容を基に書かれているため、 App Router を前提とした設計を学びたい場合は公式ドキュメントとの併読が要ります。ただし、コンポーネント設計の考え方、型安全な Props 設計、 Storybook を使った開発フローなど、 Router のバージョンに依存しない基礎は依然として有効です。 JavaScript の基本を終えて「一人でアプリを組み切る力」を付けたい段階の読者に合っています。