管理后台

admin-next ユーザー管理詳細モーダル——UserDetailModal 2カラムレイアウト + Tab分割 + デバイス管理とアカウント凍結

admin-next UIコンポーネントライブラリ——12の基本コンポーネント：Button、Card、Modal、Input、Select、Switch、Badge、Toast、Dropdown、ImageUpload、Breadcrumbs

admin-next UIコンポーネントライブラリの包括的な解説 — React、Tailwind CSS、Framer Motionで構築された12の再利用可能なコンポーネント。Button、Card、Modal、Input、Select、Switch、Badge、Toast、Dropdown、ImageUpload、Breadcrumbs、およびユーティリティエクスポートを網羅します。

admin-next Server Prefetch + ISR——Server Componentのデータ取得とインクリメンタル静的再生成

admin-nextのサーバーサイドデータ取得戦略の詳細——Server Components向けserverGetユーティリティ、タグベースのISR再検証、キャッシュ無効化のためのServer Actionsについて解説します。

セキュリティツールチェーン：Zod検証 + PIIマスキング + XSS対策

security-utils.tsモジュールは、管理画面のフロントエンドセキュリティツールキットであり、276行で5つのセキュリティ関心事（Zod入力検証、PIIデータマスキング、XSS対策、SQLインジェクションヒューリスティック検出、パスワード強度評価）をカバーしています。

admin-next ルーティング設定体系——8つのルートグループ、27のルート、lucide-reactアイコンマッピング

admin-nextのルーティング設定体系を深く掘り下げます——RouteConfig型システム、8つのルートグループと27のルート定義、lucide-reactアイコンマッピング戦略、メタデータマッチングのための非表示ルート、ナビゲーション/認可統合。

登録申請承認ワークフロー — 管理者アカウントの自己申請から権限付与までの全リンク

admin-next 商品 CRUD——CreateProductFormModal + EditProductFormModal：react-hook-form マルチセクションフォームと画像アップロード

Prismaデータベーススキーマ設計：30以上のモデルを階層化した体系とベストプラクティス

支払いWebhook & コールバック処理の深層解説 — 楽観的ロック、冪等性、アトミックなウォレット操作

PaymentWebhookController（単一エンドポイントルーティング + callback-token認証）→ handleUniversalWebhook（入金/出金の振り分け）→ handleInvoiceWebhook（updateMany楽観的ロック + creditCash）→ handlePayoutWebhook（アトミックなunfreeze + CRITICALフォールバック）→ WalletService（ensureWallet / creditCash / freezeCash / unfreezeCash + beforeBalance/afterBalance監査トランザクション）の深層解説

支払いプロセス全チェーン — API Xendit → Flutter App → admin-next 財務審査

NestJS PaymentService（Xendit Invoice/Payout ゲートウェイ）→ ClientWalletService（入金/出金/Webhook コールバックビジネス）→ admin-next Finance ページ（WithdrawalList、DepositList、TransactionList）