Ce tutoriel utilise le routage par fichiers de PRISM : chaque dossier sous src/app/ devient une URL, avec layouts imbriqués et loaders côté serveur.
Voir la doc du routage →Les composants viennent de bext/ui — un portage fidèle de shadcn/ui pour bext et PRISM, stylé via les tokens de route_css.
Explorer bext/ui →Un segment dynamique [id] capture une partie de l'URL et la passe au loader via params.
Une fiche produit a besoin de son propre URL. Mettez le nom du dossier entre crochets — src/app/products/[id]/page.tsx — et il répond à /products/42. La partie capturée arrive dans le loader sous params.id.
export async function loader({ params }) {
const product = CATALOGUE.find((p) => String(p.id) === params.id);
return { product };
}Cliquez sur une ligne du tableau Produits dans l'aperçu : elle ouvre la fiche, rendue à partir de l'identifiant de l'URL — côté serveur, sans appel client.
[...slug]) capturent plusieurs niveaux d'un coup. Référence : routage des fichiers.