nextjs-approuter-tailwindcss-storybook-jest-boilerplate

Next.js 14 AppRouter, Tailwind CSS, Storybook, Jest を組み合わせたモダンなフロントエンド開発環境のボイラープレートです。

特徴

• Next.js: React ベースのフレームワークで、サーバーサイドレンダリングと静的サイト生成をサポートしています。
• AppRouter: 効率的なルーティングを提供します。
• Tailwind CSS: ユーティリティファーストの CSS フレームワークで、カスタムデザインを迅速に構築できます。また、お好みに合わせて、clsxやclassnamesの併用をして下さい。
• Storybook: UI コンポーネントを視覚的に開発・テストするためのツールです。
• Jest: JavaScript のテストフレームワークで、単体テストと統合テストをサポートしています。

インストール

このリポジトリをクローンします。

git clone https://github.com/MSK1206/nextjs-approuter-tailwindcss-storybook-jest-boilerplate.git

クローンしたディレクトリに移動します。

cd nextjs-approuter-tailwindcss-storybook-jest-boilerplate

パッケージ（ライブラリ）のインストール

npm install

開発環境の実行

npm run dev

Storybookの起動

npm run storybook

Jestの実行(testの実行)

npm test