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 11 sur 11 · Conclusion

Récapitulatif & prochaines étapes

Vous avez construit une vraie mise en page d'administration rendue côté serveur. Voici où aller ensuite.

C'est la mise en page — et chaque fichier se trouve dans l'arborescence à droite. En quelques fichiers, vous avez construit une application d'administration qui :

  • route par structure de dossiers, sans aucune configuration de routes ;
  • enveloppe chaque page dans une barre latérale + en-tête via un seul layout.tsx ;
  • met en évidence l'élément de navigation actif et titre l'en-tête depuis route.pathname, côté serveur ;
  • charge les données dans un loader et les affiche — sans fetch côté client, sans spinner.

Et tout cela est livré en HTML natif : aucun bundle de framework, aucune hydratation, premier affichage instantané. L'aperçu que vous regardez depuis le début est cette application, en cours d'exécution.

Où aller ensuite

ASTUCE
Vous préférez générer une UI depuis une description ? designer.bext.dev génère des pages bext à partir d'une description, avec le même aperçu en direct que vous avez vu ici.
Fichiers
src
app
products
src/app/layout.tsxlecture seule
localhost:3000