Guide
Configuration pas à pas avec un exemple concret Next.js
1. Ajouter NuqsAdapter dans votre root layout Si vous voulez conserver le tri, les filtres, la pagination et la visibilité dans les paramètres d'URL, entourez l'app avec NuqsAdapter : // app/layout.tsx export default fu...
Après les 4 étapes principales, votre table doit : Charger les données via list(params). Garder tri, filtres, mode d'affichage et pagination dans les paramètres URL. Appeler create/update/delete via les actions de ligne.
getTableConfig(tableType) doit retourner : Les clés de comportement de table (layoutPreset, emptyState, rowClickMode, displayModes, defaultDisplayMode, kanban, gallery, allowViewSave, allowViewSharing, enableRowSelectio...
Ce que cette page couvre
La source MDX originale est condensee en cartes CMS natives pour edition et republication depuis le control plane.
1. Ajouter NuqsAdapter dans votre root layout Si vous voulez conserver le tri, les filtres, la pagination et la visibilité dans les paramètres d'URL, entourez l'app avec NuqsAdapter : // app/layout.tsx export default fu...
Après les 4 étapes principales, votre table doit : Charger les données via list(params). Garder tri, filtres, mode d'affichage et pagination dans les paramètres URL. Appeler create/update/delete via les actions de ligne.
getTableConfig(tableType) doit retourner : Les clés de comportement de table (layoutPreset, emptyState, rowClickMode, displayModes, defaultDisplayMode, kanban, gallery, allowViewSave, allowViewSharing, enableRowSelectio...
Retourne un objet avec les méthodes d'action. La table les appelle quand l'utilisateur trie, filtre, pagine ou exécute des actions CRUD/bulk. list – Obligatoire pour les données server-driven. Signature : (params) = Pro...
Retourne la configuration de formulaire par type (ex. "products", "products-bulk"). Utilisée pour construire les dialogs create/edit et bulk edit. Structure : tableau de champs avec name, type, label, required, etc. Voi...
Toutes les props sont optionnelles sauf tableType. | Prop | Type | Description | |------|------|-------------| | tableType | string | Obligatoire. Identifiant de la table (ex. "products"). |
Notes d'implementation
Construire des formulaires create/edit avec éditeurs de tableaux natifs, validation et collections imbriquées
$ export default function RootLayout({
$ children,
$ }: {
$ children: React.ReactNode;
$ }) {