この文書では、Next.js のプロジェクトに Storybook を追加して利用する方法を紹介します。Storybook を利用すると、事前に用意したデータを利用してコンポーネントを表示することができるため、プログラムの開発と並行してコンポーネントの UI を作成していくことができます。

ドキュメントサイトとして展開していた doc.haramizu.com と、その前に展開していたコンテンツをそのままアーカイブしている blog.haramizu.com のコンテンツを再利用して、より見やすいサイトにするべく haramizu.com としてリニューアルをしました。

このガイドでは、macOS の上に開発環境をセットアップする手順についてまとめています。