hinagata-next

使用言語 / フレームワーク / ライブラリ

• Framework: Next.js (Pages Router)
• View: React 19
• State Management: Zustand
• AltJS: TypeScript 6
• CSS-in-JS: emotion
• Linter: ESLint 9 (flat config)
• Formatter: Prettier
• Test: Jest + Testing Library
• Package Manager: pnpm (workspace)

構成

モノレポ構成。packages/ 以下に以下のパッケージが存在します。

• packages/web — Next.js アプリ本体
• packages/core — 共有型・純粋ユーティリティ

開発手順

依存パッケージをインストール。

pnpm install

開発サーバー起動

pnpm dev

ポートを指定する場合:

pnpm dev -- -p 3001

ビルド（静的 export）

pnpm build

dist/ 以下に静的ファイル一式が生成されます。
NEXT_PUBLIC_BASE_PATH を指定することで、サブディレクトリ配置に対応できます。

NEXT_PUBLIC_BASE_PATH=/myapp pnpm build
# → dist/myapp/ 以下に出力

Lint / Test

pnpm lint
pnpm test