Ce que vous allez construire

Un tableau de bord d'administration rendu côté serveur — barre latérale, en-tête et tableau de produits en direct — construit en JSX PRISM natif. Sans framework client.

Vous allez construire un petit tableau de bord d'administration : une barre latérale de navigation, un en-tête et une liste de produits alimentée par un vrai loader. Tout est rendu côté serveur — aucun framework client à embarquer, hydrater ou attendre.

Le volet de droite est la vraie application, en direct. C'est le même principe que designer.bext.dev : le code d'un côté, le résultat réel rendu de l'autre. Cliquez sur les liens de la barre latérale dans l'aperçu — ils naviguent vraiment.

ASTUCE

Vous n'avez rien à taper pour suivre — chaque étape montre le code source exact et le résultat en direct. Copiez les extraits dans un nouveau projet quand vous souhaitez l'exécuter vous-même.

Prérequis

Le binaire bext — consultez le guide d'installation.
Les bases de JSX. PRISM est le runtime JSX server-first de bext — proche de React, mais il effectue le rendu en HTML côté serveur.

Pour des composants prêts à l'emploi, il y a bext/ui, mais nous construirons ce tableau de bord en JSX natif afin que chaque ligne soit sous vos yeux.