Tableau de bord d'administration

admin-next : Fenêtre de détails de l'utilisateur — UserDetailModal : disposition à deux colonnes + onglets + gestion des appareils et gel de compte

Bibliothèque de composants UI admin-next — 12 composants de base : Button, Card, Modal, Input, Select, Switch, Badge, Toast, Dropdown, ImageUpload, Breadcrumbs

Un guide complet de la bibliothèque de composants UI admin-next — 12 composants réutilisables construits avec React, Tailwind CSS et Framer Motion. Couvre Button, Card, Modal, Input, Select, Switch, Badge, Toast, Dropdown, ImageUpload, Breadcrumbs et les exports utilitaires.

admin-next Server Prefetch + ISR — Récupération de données Server Component et régénération statique incrémentielle

Une plongée approfondie dans la stratégie de récupération de données côté serveur d'admin-next — l'utilitaire serverGet pour les Server Components, la revalidation ISR avec des tags, et les Server Actions pour l'invalidation du cache.

Chaîne d'outils de sécurité : Validation Zod + Masquage PII + Protection XSS

Le module `security-utils.ts` est la boîte à outils de sécurité front-end du panneau d'administration. En 276 lignes, il couvre cinq points de sécurité : la validation d'entrée Zod, le masquage des données PII, la protection XSS, la détection heuristique d'injection SQL et l'évaluation de la force des mots de passe.

Système de configuration des routes admin-next — 8 groupes de routes, 27 routes et mappage d'icônes lucide-react

Une analyse approfondie du système de configuration des routes admin-next — le système de types RouteConfig, 8 groupes de routes avec 27 définitions de routes, la stratégie de mappage d'icônes lucide-react, les routes cachées pour la correspondance des métadonnées, et l'intégration de la navigation/autorisation.

Flux de travail d'approbation des demandes d'inscription — Parcours complet de la demande de compte administrateur à l'activation des droits

admin-next 商品 CRUD——CreateProductFormModal + EditProductFormModal : formulaire multi-section react-hook-form et téléchargement d'images

Conception de l'architecture de base de données Prisma : Système hiérarchique de 30+ modèles et bonnes pratiques

Analyse approfondie du traitement des Webhooks de paiement et des callbacks — Verrouillage optimiste, Idempotence, Opérations atomiques sur le portefeuille

Analyse approfondie de PaymentWebhookController (routage à point d'entrée unique + authentification callback-token) → handleUniversalWebhook (répartition dépôt/retrait) → handleInvoiceWebhook (verrouillage optimiste updateMany + creditCash) → handlePayoutWebhook (déblocage atomique + dégradation CRITIQUE) → WalletService (ensureWallet / creditCash / freezeCash / unfreezeCash + audit beforeBalance/afterBalance)

Chaîne complète du processus de paiement — API Xendit → Application Flutter → Vérification financière admin-next

NestJS PaymentService (Passerelle Xendit Invoice/Payout) → ClientWalletService (Logique métier de dépôt/retrait/Webhook) → Pages financières admin-next (WithdrawalList, DepositList, TransactionList)