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 →Une application PRISM est un dossier contenant un bext.config.toml et un répertoire src/app/. C'est toute la configuration nécessaire.
Une application PRISM n'est qu'un répertoire avec un bext.config.toml et un dossier src/app/. Aucun bundler à configurer, aucun serveur de développement à surveiller — pointez bext sur le dossier et il le sert.
[framework]
type = "prism"
[build]
live_reload = true # hot-reload on every file changeAvec live_reload = true, bext recompile et recharge la page à chaque modification de fichier — c'est exactement ce qui alimente l'aperçu en direct sur la droite.
Créez src/app/page.tsx avec un composant exporté par défaut. Le commentaire @jsxImportSource en première ligne indique à bext d'utiliser le runtime JSX PRISM.
/** @jsxImportSource @bext-stack/framework */
export default function Dashboard() {
return <h1>Dashboard</h1>;
}