Routeurroutage PRISM
routage PRISM

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 →
UIbext/ui
bext/ui

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 →
FREN
Étape 3 sur 11 · Construire la mise en page

Routage par fichiers

Chaque src/app/**/page.tsx devient une route. Le chemin du dossier est l'URL.

Les routes PRISM sont des fichiers. Un page.tsx situé à src/app/products/page.tsx est servi à l'adresse /products — le chemin du dossier est l'URL. Ni table de routage, ni enregistrement.

src/app/products/page.tsx
/** @jsxImportSource @bext-stack/framework */
export default function Products() {
  return <h1>Products</h1>;
}

Le tableau de bord a besoin d'une page par section — un dossier pour chacune :

  • src/app/page.tsx/
  • src/app/products/page.tsx/products
  • src/app/orders/page.tsx/orders
  • src/app/customers/page.tsx/customers
ASTUCE
Les segments dynamiques utilisent des crochets : src/app/products/[id]/page.tsx sert /products/42 et reçoit params.id. Référence complète : routage par fichiers.
Fichiers
src
app
products
orders
src/app/products/page.tsxlecture seule
localhost:3000