フロントエンド開発のためのテスト入門のnextjsのコードがとても参考になる話

公開されているNext.jsのコードの中でも特に整備されているコードだと思いました。Vercel公式のexample・starter(+他)で見たコード・ディレクトリ構成に比べて意図がよりはっきりとしていて、洗練されているという印象を受けました。

Next.js関連の書籍は数冊出ていますが、このコードが断然参考になります。Atomic Designがきちんと実践されたコードを見るのはこれが初めてです。

「Atomic Design」、「テスト」と明確に単語で表せる部分において、既にこのコードが非常に参考になるわけですが、単純に表現できない部分においても「そう実装するのか」という発見が多くありました。

エラーハンドリング(サーバーサイド)

(編集中)

エラーハンドリング(クライアントサイド)

(編集中)

reqの型の補足

(編集中)

コンポーネント実装(Textbox)

(編集中)