create-einja-app 0.1.1

package/templates/turborepo-pandacss/README.md

@@ -0,0 +1,322 @@
+# einja-management-template
+
+いいんじゃ管理画面テンプレート - Turborepo + pnpm モノレポ構成
+
+## プロジェクト構成
+
+このプロジェクトは**Turborepo**を使用したモノレポ構成です。
+
+```
+einja-management-template/
+├── apps/
+│   └── web/                      # メイン管理画面アプリ
+│       ├── src/
+│       │   ├── app/              # Next.js App Router
+│       │   ├── components/       # アプリ固有のコンポーネント
+│       │   └── lib/
+│       │       ├── auth/         # アプリ固有の認証設定
+│       │       └── ...           # アプリ固有のユーティリティ
+│       ├── package.json
+│       └── tsconfig.json
+├── packages/
+│   ├── config/                   # 共通設定（Biome, TypeScript, Panda CSS）
+│   ├── front-core/               # フロントエンド共通層
+│   │   └── src/
+│   │       ├── auth/             # NextAuth共通設定・型定義
+│   │       ├── hooks/            # 共通hooks
+│   │       ├── utils/            # 共通ユーティリティ
+│   │       └── context/          # 共通context
+│   ├── server-core/              # バックエンド共通層
+│   │   ├── prisma/               # Prismaスキーマ
+│   │   └── src/
+│   │       ├── domain/           # ドメイン層
+│   │       ├── infrastructure/   # Prismaクライアント等
+│   │       └── utils/            # 共通ユーティリティ
+│   └── ui/                       # 共通UIコンポーネント（shadcn/ui）
+├── turbo.json                    # Turborepoの設定
+├── pnpm-workspace.yaml          # pnpmワークスペース設定
+└── package.json                  # ルートpackage.json
+```
+
+## 技術スタック
+
+- **モノレポ**: Turborepo + pnpm workspaces
+- **フレームワーク**: Next.js 15 (App Router)
+- **言語**: TypeScript (strict mode)
+- **スタイリング**: Panda CSS
+- **UI**: shadcn/ui + Radix UI
+- **データベース**: PostgreSQL + Prisma
+- **認証**: NextAuth.js v5
+- **状態管理**: TanStack Query (React Query)
+- **テスト**: Vitest + React Testing Library + Playwright
+- **Linter/Formatter**: Biome
+- **Git Hooks**: Husky + lint-staged
+
+## 開発環境セットアップ
+
+### 初回セットアップ（初めての方）
+
+```bash
+# 1. リポジトリをクローン
+git clone <repository-url>
+cd einja-management-template
+
+# 2. Volta/Node/pnpmをインストール（初回のみ）
+./scripts/init.sh
+
+# 3. ターミナルを再起動
+exec $SHELL
+
+# 4. 環境セットアップ（.env、DB起動・初期化）
+pnpm dev:setup
+
+# 5. 開発サーバー起動（バックグラウンド）
+pnpm dev:bg
+```
+
+ログは `log/dev.log` に出力されます。
+ブラウザで http://localhost:3000（またはWorktreeで自動割り当てされたポート）を開く
+
+---
+
+### コマンドの役割
+
+| コマンド | タイミング | 内容 |
+|---------|-----------|------|
+| `./scripts/init.sh` | 初回のみ | Volta/Node/pnpmのインストール |
+| `pnpm dev:setup` | 初回 + 環境変更時 | .env作成、DB起動・初期化 |
+| `pnpm dev:bg` | 毎回 | 開発サーバー起動（バックグラウンド・推奨） |
+| `pnpm dev:status` | 随時 | 開発サーバーの状態確認 |
+| `pnpm dev:stop` | 随時 | 開発サーバーを停止 |
+| `pnpm env:update` | 随時 | 環境変数の設定・変更（対話式ウィザード） |
+
+## 主要コマンド
+
+### 開発
+
+```bash
+pnpm dev:bg           # 開発サーバーをバックグラウンドで起動（推奨）
+pnpm dev:status       # 開発サーバーの状態確認
+pnpm dev:logs         # ログをリアルタイム表示
+pnpm dev:stop         # 開発サーバーを停止
+pnpm dev              # フォアグラウンドで起動（ターミナル直接操作時のみ）
+pnpm build            # 全アプリのプロダクションビルド
+pnpm start            # プロダクションサーバーを起動
+```
+
+### 環境変数の管理
+
+対話式ウィザードで環境変数を設定・変更できます：
+
+```bash
+pnpm env:update
+```
+
+#### メニュー
+
+1. **個人トークンを設定** - `GITHUB_TOKEN` 等の個人用トークンを `.env.personal` に設定
+2. **環境設定を変更** - 各環境の暗号化された設定ファイルを編集
+3. **現在の状態を確認** - 環境変数の設定状況を表示
+
+#### 対応環境
+
+| 環境 | ファイル | 用途 |
+|------|----------|------|
+| ローカル開発 | `.env.local` | ローカル開発環境 |
+| 開発 | `.env.development` | 開発環境 |
+| ステージング | `.env.staging` | ステージング環境 |
+| 本番 | `.env.production` | 本番環境 |
+| CI | `.env.ci` | CI環境 |
+
+> **Note**: 環境設定の変更には `.env.keys` の秘密鍵が必要です。本番環境の変更時は追加の確認が表示されます。
+
+### コード品質
+
+```bash
+pnpm lint             # Biome linterでコードをチェック
+pnpm lint:fix         # Biomeで自動的にlintの問題を修正
+pnpm format           # Biomeでコードフォーマットをチェック
+pnpm format:fix       # Biomeでコードを自動フォーマット
+pnpm typecheck        # TypeScriptの型チェック
+```
+
+### テスト
+
+```bash
+pnpm test             # Vitestでテスト実行
+pnpm test:watch       # Vitestウォッチモード
+pnpm test:ui          # Vitest UIモード
+pnpm test:coverage    # カバレッジ付きテスト
+```
+
+### データベース
+
+```bash
+pnpm db:generate      # Prismaクライアント生成
+pnpm db:push          # データベースマイグレーション
+pnpm db:migrate       # マイグレーションファイル作成＆実行
+pnpm db:studio        # Prisma Studio起動
+```
+
+### ワークスペース固有のコマンド
+
+```bash
+# 特定のワークスペースでコマンド実行
+pnpm --filter @repo/web dev
+pnpm --filter @repo/web build
+pnpm --filter @repo/web panda codegen
+```
+
+## データベース設定
+
+### Docker Compose サービス
+
+- **postgres**: PostgreSQL 15
+  - ポート: `${POSTGRES_PORT:-25432}` (ホスト) → 5432 (コンテナ)
+  - データベース: ブランチ名から自動生成（例: `main`, `feature_auth`）
+  - ユーザー: `postgres`
+  - パスワード: `postgres`
+
+### 便利なコマンド
+
+```bash
+# ログを確認
+docker-compose logs -f postgres
+
+# データベースに直接接続
+docker-compose exec postgres psql -U postgres -d einja_management
+
+# データベースをリセット
+docker-compose down -v
+docker-compose up -d postgres
+pnpm db:push
+
+# Prisma Studio を起動
+pnpm db:studio
+```
+
+## ディレクトリ構造の詳細
+
+### apps/web
+
+メイン管理画面アプリケーション
+
+- **src/app**: Next.js App Router（ページ、レイアウト、API）
+- **src/components**: アプリ固有のコンポーネント
+  - `ui/`: 基本的なUIコンポーネント
+  - `shared/`: 共通コンポーネント（Header, Sidebarなど）
+- **src/lib**: ユーティリティ、認証設定など
+
+### packages
+
+- **@repo/config**: Biome, TypeScript, Panda CSSの共通設定
+- **@repo/front-core**: フロントエンド共通層（認証共通設定、hooks、utils、context）
+- **@repo/server-core**: バックエンド共通層（Prismaクライアント・スキーマ、ドメインロジック）
+- **@repo/ui**: 共通UIコンポーネント（shadcn/ui）
+- **@einja/dev-cli**: Claude Code設定配布CLI（[詳細](./packages/cli/README.md)）
+
+## CLI パッケージ (@einja/dev-cli)
+
+Claude Code用の`.claude`設定ディレクトリを配布するCLIツールです。
+
+```bash
+# 新規プロジェクトへのセットアップ
+npx @einja/dev-cli init
+```
+
+### 配布内容
+
+- `.claude/` - エージェント、コマンド、スキル、hooks
+- `docs/einja/` - テンプレート、ステアリングドキュメント
+- `CLAUDE.md` - プロジェクト設定テンプレート
+
+### 関連ドキュメント
+
+- [CLI README](./packages/cli/README.md) - 使用方法
+- [ビルドプロセス](./packages/cli/docs/BUILD.md) - ビルドパイプラインの説明
+- [NPM公開手順](./packages/cli/docs/PUBLISHING.md) - リリース手順
+- [リリース手順](./packages/cli/RELEASING.md) - バージョン管理とタグプッシュ
+
+## 開発ワークフロー
+
+1. ブランチを作成
+2. コードを変更
+3. ホットリロードで即座に反映
+4. データベーススキーマを変更した場合は `pnpm db:push`
+5. Panda CSSのスタイル変更時は自動生成される
+6. コミット前に自動的にlint-stagedが実行される
+7. プルリクエストを作成
+
+## トラブルシューティング
+
+### Volta関連エラー
+
+**`zsh: command not found: volta`**
+
+ターミナルを開き直してください。それでも解決しない場合：
+```bash
+source ~/.zshrc
+```
+
+**`Volta error: Node is not available`**
+
+Node.jsがインストールされていません：
+```bash
+volta install node@22.16.0 pnpm@10.14.0
+```
+
+**`pnpm: command not found`**
+
+pnpmがインストールされていません：
+```bash
+volta install pnpm@10.14.0
+```
+
+### Panda CSS関連エラー
+
+```bash
+# styled-systemを再生成
+pnpm --filter @repo/web panda codegen
+```
+
+### Prisma関連エラー
+
+```bash
+# Prismaクライアントを再生成
+pnpm db:generate
+
+# データベースをリセット
+docker-compose down -v
+docker-compose up -d postgres
+pnpm db:push
+```
+
+### 依存関係の問題
+
+```bash
+# node_modulesをクリーンアップ
+rm -rf node_modules apps/*/node_modules packages/*/node_modules
+rm pnpm-lock.yaml
+pnpm install
+```
+
+### Turborepoキャッシュのクリア
+
+```bash
+# .turboディレクトリを削除
+rm -rf .turbo apps/*/.turbo packages/*/.turbo
+```
+
+## コーディング規約
+
+詳細は以下のドキュメントを参照してください：
+
+- [コーディング規約](./.claude/skills/einja-coding-standards/SKILL.md)
+- [コンポーネント設計ガイドライン](./.claude/skills/einja-component-design/SKILL.md)
+- [テスト戦略](./docs/einja/steering/development/testing-strategy.md)
+- [コードレビューガイドライン](./docs/einja/steering/development/review-guidelines.md)
+- [コミットルール](./docs/einja/steering/commit-rules.md)
+
+## ライセンス
+
+Proprietary

package/templates/turborepo-pandacss/apps/web/middleware.ts

@@ -0,0 +1,28 @@
+import { auth } from "@/lib/auth";
+
+export default auth((req) => {
+  const { nextUrl } = req;
+  const isLoggedIn = !!req.auth;
+
+  // Protected routes that require authentication
+  const protectedRoutes = ["/dashboard", "/profile"];
+  const isProtectedRoute = protectedRoutes.some((route) => nextUrl.pathname.startsWith(route));
+
+  // Public routes that authenticated users shouldn't access
+  const publicRoutes = ["/signin", "/signup"];
+  const isPublicRoute = publicRoutes.some((route) => nextUrl.pathname.startsWith(route));
+
+  // Redirect authenticated users away from public routes to dashboard
+  if (isLoggedIn && isPublicRoute) {
+    return Response.redirect(new URL("/dashboard", nextUrl));
+  }
+
+  // Redirect unauthenticated users to signin
+  if (!isLoggedIn && isProtectedRoute) {
+    return Response.redirect(new URL("/signin", nextUrl));
+  }
+});
+
+export const config = {
+  matcher: ["/((?!api|_next/static|_next/image|favicon.ico).*)"],
+};

package/templates/turborepo-pandacss/apps/web/next.config.ts

@@ -0,0 +1,10 @@
+import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {
+  eslint: {
+    ignoreDuringBuilds: true,
+  },
+  output: "standalone",
+};
+
+export default nextConfig;

package/templates/turborepo-pandacss/apps/web/package.json

@@ -0,0 +1,80 @@
+{
+  "name": "@repo/web",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "rm -rf .next && next dev --turbopack --port ${PORT_WEB:-3000}",
+    "build": "panda codegen && next build",
+    "start": "next start",
+    "panda": "panda codegen",
+    "lint": "biome check .",
+    "lint:fix": "biome check --write",
+    "format": "biome format .",
+    "format:fix": "biome format --write .",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:ui": "vitest --ui",
+    "test:coverage": "vitest run --coverage"
+  },
+  "dependencies": {
+    "@repo/front-core": "workspace:*",
+    "@repo/server-core": "workspace:*",
+    "@repo/ui": "workspace:*",
+    "@hookform/resolvers": "^5.1.1",
+    "@radix-ui/react-accordion": "^1.2.11",
+    "@radix-ui/react-alert-dialog": "^1.1.14",
+    "@radix-ui/react-aspect-ratio": "^1.1.7",
+    "@radix-ui/react-avatar": "^1.1.10",
+    "@radix-ui/react-checkbox": "^1.3.2",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.15",
+    "@radix-ui/react-hover-card": "^1.1.14",
+    "@radix-ui/react-icons": "^1.3.2",
+    "@radix-ui/react-label": "^2.1.7",
+    "@radix-ui/react-popover": "^1.1.14",
+    "@radix-ui/react-progress": "^1.1.7",
+    "@radix-ui/react-select": "^2.2.5",
+    "@radix-ui/react-separator": "^1.1.7",
+    "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-tabs": "^1.1.12",
+    "@radix-ui/react-tooltip": "^1.2.7",
+    "@tailwindcss/postcss": "^4.1.10",
+    "@tanstack/react-query": "^5.81.5",
+    "@tanstack/react-table": "^8.21.3",
+    "bcryptjs": "^3.0.2",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.523.0",
+    "next": "15.3.3",
+    "next-auth": "^5.0.0-beta.28",
+    "next-themes": "^0.4.6",
+    "postcss": "^8.5.6",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-hook-form": "^7.59.0",
+    "sonner": "^2.0.5",
+    "tailwind-merge": "^3.3.1",
+    "tailwindcss": "^4.1.10",
+    "vaul": "^1.1.2",
+    "zod": "^3.25.67"
+  },
+  "devDependencies": {
+    "@biomejs/biome": "1.9.4",
+    "@repo/config": "workspace:*",
+    "@pandacss/dev": "^0.53.7",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.3.0",
+    "@types/bcryptjs": "^2.4.6",
+    "@types/node": "^22",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "@vitest/browser": "^3.2.3",
+    "@vitest/coverage-v8": "^3.2.3",
+    "jsdom": "^26.1.0",
+    "playwright": "^1.53.0",
+    "tw-animate-css": "^1.3.4",
+    "typescript": "^5",
+    "vitest": "^3.2.2"
+  }
+}

package/templates/turborepo-pandacss/apps/web/panda.config.ts

@@ -0,0 +1,114 @@
+import { defineConfig } from "@pandacss/dev";
+
+export default defineConfig({
+  // TailwindCSSとの共存のためpreflightを無効化
+  preflight: false,
+
+  // Where to look for your css declarations
+  include: ["./src/**/*.{js,jsx,ts,tsx}", "./pages/**/*.{js,jsx,ts,tsx}"],
+
+  // Files to exclude
+  exclude: [],
+
+  // Panda CSSクラスにプレフィックスを付けてTailwindと区別
+  prefix: "panda",
+
+  // Useful for theme customization
+  theme: {
+    extend: {
+      breakpoints: {
+        sm: "640px",
+        md: "768px",
+        lg: "1024px",
+        xl: "1280px",
+        "2xl": "1440px",
+      },
+      tokens: {
+        colors: {
+          // shadcnのカラーシステムと互換性を保つ
+          border: { value: "hsl(214.3 31.8% 91.4%)" },
+          input: { value: "hsl(214.3 31.8% 91.4%)" },
+          ring: { value: "hsl(222.2 84% 4.9%)" },
+          background: { value: "hsl(0 0% 100%)" },
+          foreground: { value: "hsl(222.2 84% 4.9%)" },
+          primary: {
+            DEFAULT: { value: "hsl(222.2 47.4% 11.2%)" },
+            foreground: { value: "hsl(210 40% 98%)" },
+          },
+          secondary: {
+            DEFAULT: { value: "hsl(210 40% 96%)" },
+            foreground: { value: "hsl(222.2 84% 4.9%)" },
+          },
+          destructive: {
+            DEFAULT: { value: "hsl(0 62.8% 30.6%)" },
+            foreground: { value: "hsl(210 40% 98%)" },
+          },
+          muted: {
+            DEFAULT: { value: "hsl(210 40% 96%)" },
+            foreground: { value: "hsl(215.4 16.3% 46.9%)" },
+          },
+          accent: {
+            DEFAULT: { value: "hsl(210 40% 96%)" },
+            foreground: { value: "hsl(222.2 84% 4.9%)" },
+          },
+          popover: {
+            DEFAULT: { value: "hsl(0 0% 100%)" },
+            foreground: { value: "hsl(222.2 84% 4.9%)" },
+          },
+          card: {
+            DEFAULT: { value: "hsl(0 0% 100%)" },
+            foreground: { value: "hsl(222.2 84% 4.9%)" },
+          },
+        },
+      },
+      recipes: {
+        // 独自のPanda CSSレシピを定義
+        pandaButton: {
+          className: "panda-button",
+          base: {
+            display: "inline-flex",
+            alignItems: "center",
+            justifyContent: "center",
+            borderRadius: "md",
+            fontSize: "sm",
+            fontWeight: "medium",
+            transition: "all 0.2s",
+            cursor: "pointer",
+            _disabled: {
+              pointerEvents: "none",
+              opacity: 0.5,
+            },
+          },
+          variants: {
+            variant: {
+              primary: {
+                bg: "primary",
+                color: "primary.foreground",
+                _hover: { opacity: 0.9 },
+              },
+              secondary: {
+                bg: "secondary",
+                color: "secondary.foreground",
+                _hover: { opacity: 0.8 },
+              },
+            },
+            size: {
+              sm: { h: "8", px: "3" },
+              md: { h: "10", px: "4" },
+              lg: { h: "12", px: "6" },
+            },
+          },
+          defaultVariants: {
+            variant: "primary",
+            size: "md",
+          },
+        },
+      },
+    },
+  },
+
+  // The output directory for your css system
+  outdir: "styled-system",
+
+  jsxFramework: "react",
+});

package/templates/turborepo-pandacss/apps/web/postcss.config.cjs

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    "@pandacss/dev/postcss": {},
+    "@tailwindcss/postcss": {},
+  },
+};

package/templates/turborepo-pandacss/apps/web/public/file.svg

@@ -0,0 +1 @@
+<svg fill="none" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.5 13.5V5.41a1 1 0 0 0-.3-.7L9.8.29A1 1 0 0 0 9.08 0H1.5v13.5A2.5 2.5 0 0 0 4 16h8a2.5 2.5 0 0 0 2.5-2.5m-1.5 0v-7H8v-5H3v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1M9.5 5V2.12L12.38 5zM5.13 5h-.62v1.25h2.12V5zm-.62 3h7.12v1.25H4.5zm.62 3h-.62v1.25h7.12V11z" clip-rule="evenodd" fill="#666" fill-rule="evenodd"/></svg>

package/templates/turborepo-pandacss/apps/web/public/globe.svg

@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.27 14.1a6.5 6.5 0 0 0 3.67-3.45q-1.24.21-2.7.34-.31 1.83-.97 3.1M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.48-1.52a7 7 0 0 1-.96 0H7.5a4 4 0 0 1-.84-1.32q-.38-.89-.63-2.08a40 40 0 0 0 3.92 0q-.25 1.2-.63 2.08a4 4 0 0 1-.84 1.31zm2.94-4.76q1.66-.15 2.95-.43a7 7 0 0 0 0-2.58q-1.3-.27-2.95-.43a18 18 0 0 1 0 3.44m-1.27-3.54a17 17 0 0 1 0 3.64 39 39 0 0 1-4.3 0 17 17 0 0 1 0-3.64 39 39 0 0 1 4.3 0m1.1-1.17q1.45.13 2.69.34a6.5 6.5 0 0 0-3.67-3.44q.65 1.26.98 3.1M8.48 1.5l.01.02q.41.37.84 1.31.38.89.63 2.08a40 40 0 0 0-3.92 0q.25-1.2.63-2.08a4 4 0 0 1 .85-1.32 7 7 0 0 1 .96 0m-2.75.4a6.5 6.5 0 0 0-3.67 3.44 29 29 0 0 1 2.7-.34q.31-1.83.97-3.1M4.58 6.28q-1.66.16-2.95.43a7 7 0 0 0 0 2.58q1.3.27 2.95.43a18 18 0 0 1 0-3.44m.17 4.71q-1.45-.12-2.69-.34a6.5 6.5 0 0 0 3.67 3.44q-.65-1.27-.98-3.1" fill="#666"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>

package/templates/turborepo-pandacss/apps/web/public/next.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>

package/templates/turborepo-pandacss/apps/web/public/vercel.svg

@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1155 1000"><path d="m577.3 0 577.4 1000H0z" fill="#fff"/></svg>

package/templates/turborepo-pandacss/apps/web/public/window.svg

@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 2.5h13v10a1 1 0 0 1-1 1h-11a1 1 0 0 1-1-1zM0 1h16v11.5a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 0 12.5zm3.75 4.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5M7 4.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0m1.75.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5" fill="#666"/></svg>

package/templates/turborepo-pandacss/apps/web/src/app/(authenticated)/dashboard/page.tsx

@@ -0,0 +1,79 @@
+import { DashboardStats } from "@/components/dashboard/dashboard-stats";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
+import { H1, P } from "@/components/ui/typography";
+import { auth } from "@/lib/auth";
+import { css } from "../../../../styled-system/css";
+
+export default async function DashboardPage() {
+  const session = await auth();
+
+  return (
+    <div
+      className={css({
+        minHeight: "100vh",
+        background: "linear-gradient(135deg, {colors.gray.50} 0%, {colors.blue.50} 100%)",
+      })}
+    >
+      <main
+        className={css({
+          maxWidth: "7xl",
+          margin: "0 auto",
+          padding: {
+            base: "1.5rem 1rem",
+            md: "2rem 1.5rem",
+            lg: "2.5rem 2rem",
+          },
+        })}
+      >
+        <div className="space-y-8">
+          {/* ページタイトル */}
+          <div className="space-y-2">
+            <H1>管理画面ダッシュボード</H1>
+            <P className="text-muted-foreground">
+              ようこそ、{session?.user?.name || session?.user?.email}さん
+            </P>
+          </div>
+
+          {/* 統計情報カード */}
+          <DashboardStats />
+
+          {/* メインコンテンツエリア */}
+          <Card>
+            <CardHeader>
+              <CardTitle>管理機能</CardTitle>
+              <CardDescription>各種管理機能にアクセスできます</CardDescription>
+            </CardHeader>
+            <CardContent>
+              <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-3">
+                <div className="p-4 border rounded-lg hover:bg-muted/50 cursor-pointer">
+                  <h3 className="font-semibold">ユーザー管理</h3>
+                  <p className="text-sm text-muted-foreground mt-1">ユーザーの作成、編集、削除</p>
+                </div>
+                <div className="p-4 border rounded-lg hover:bg-muted/50 cursor-pointer">
+                  <h3 className="font-semibold">データ管理</h3>
+                  <p className="text-sm text-muted-foreground mt-1">データベースの管理と操作</p>
+                </div>
+                <div className="p-4 border rounded-lg hover:bg-muted/50 cursor-pointer">
+                  <h3 className="font-semibold">設定</h3>
+                  <p className="text-sm text-muted-foreground mt-1">システム設定の管理</p>
+                </div>
+                <div className="p-4 border rounded-lg hover:bg-muted/50 cursor-pointer">
+                  <h3 className="font-semibold">レポート</h3>
+                  <p className="text-sm text-muted-foreground mt-1">各種レポートの生成</p>
+                </div>
+                <div className="p-4 border rounded-lg hover:bg-muted/50 cursor-pointer">
+                  <h3 className="font-semibold">ログ監視</h3>
+                  <p className="text-sm text-muted-foreground mt-1">システムログの監視</p>
+                </div>
+                <div className="p-4 border rounded-lg hover:bg-muted/50 cursor-pointer">
+                  <h3 className="font-semibold">API管理</h3>
+                  <p className="text-sm text-muted-foreground mt-1">API キーとアクセス管理</p>
+                </div>
+              </div>
+            </CardContent>
+          </Card>
+        </div>
+      </main>
+    </div>
+  );
+}