Manabun

以下のフレームワークおよびライブラリを使用して構築されています:

• Next.js: アプリケーションのルーティングとサーバサイドレンダリングを管理
• TypeScript: 型付けによるJavaScriptの拡張
• Chakra UI: モダンなUIコンポーネントライブラリ
• Storybook: UIコンポーネントのドキュメント化とテスト
• ESLint: JavaScriptとTypeScriptのコード品質とスタイルのチェック
• Prettier: コードフォーマットツール

セットアップ

以下の手順で依存関係をインストールし，開発サーバを起動してください．

npm install
npm run dev

アプリケーションはhttp://localhost:3000でブラウザからアクセス可能です．

ビルド方法

以下のコマンドでアプリケーションをビルドし，本番環境用サーバを起動します．

npm run build
npm start

ビルド後，アプリケーションはhttp://localhost:3000で確認できます．

Storybookの利用

以下のコマンドでStorybookを起動し，UIコンポーネントをブラウザで確認できます．

npm run storybook

Storybookはhttp://localhost:6006でアクセス可能です．

カスタマイズ

ビルド設定

const nextConfig = {
  output: 'export',
};