Skip to main content
Voir en Markdown

Présentation des pages

Une page, c'est une route plus un arbre de composants, rendu côté serveur. Les pages affichent les enregistrements de vos tables, hébergent les formulaires qui y écrivent, intègrent des îlots interactifs et servent du contenu public — le tout depuis la configuration, sans React sur mesure.

Trois propriétés sont obligatoires : name, path et components. Tout le reste se superpose.

app.yaml
pages:
  - name: Home
    path: /
    meta:
      title: Welcome
      description: The fastest way to ship internal tools.
    components:
      - type: hero
        content: Build apps from config
      - type: container
        children:
          - { type: text, content: 'Get started in minutes.' }

Propriétés de page

Propriété Description
name Obligatoire. Nom de la page, de 1 à 63 caractères. Utilisé dans la navigation et les listes d'administration.
path Obligatoire. La route URL. En minuscules uniquement. Voir Routage et chemins.
components Obligatoire. L'arbre de rendu. Voir Le modèle de composants.
id Identifiant unique optionnel. Généré automatiquement s'il est omis.
meta Métadonnées d'en-tête de document — titre, description, cartes sociales, données structurées. Voir SEO et métadonnées.
access Qui peut charger la page. Voir Mises en page, barres latérales et accès.
dataSource Liaison de table au niveau de la page, exposant un enregistrement ou un ensemble à tout l'arbre. Voir Liaison de données.
collection Génère une route par enregistrement de table. Voir Collections et markdown.
markdown Rend le corps de la page depuis un fichier ou une chaîne markdown.
contentDir Génère une page par fichier markdown d'un répertoire, avec une barre latérale dérivée.
source { file } — charge du markdown depuis le disque pour un composant content.
layout Sections de mise en page encadrant le corps — actuellement un tableau sidebar lié à des données.
scripts Scripts client, indicateurs de fonctionnalités et données de configuration. Voir Scripts.
vars Paires key/value à portée de page, référençables via $vars.*. Les valeurs sont des chaînes, nombres ou booléens.
toasts Placement des toasts — position (top-right, bottom-center, …) et une duration par défaut.
viewTransition Animation de navigation — type (fade, slide, none), direction (left, right, up, down), duration.
sitemap { priority, changefreq }, ou false pour exclure la page du sitemap.
rss Flux RSS pour une page de collection — true pour les valeurs par défaut, ou { limit }.
app.yaml
pages:
  - name: About
    path: /about
    access: all
    meta: { title: 'About Us' }
    viewTransition: { type: fade, duration: 200 }
    components:
      - { type: text, element: h1, content: 'About' }

Routage

Les formes de chemin, les segments dynamiques :param et les routes de détail sont traités dans Routage et chemins.

Le modèle de composants

L'arbre de composants, les modules partagés dont chaque composant se compose et la carte des catégories vivent désormais dans Le modèle de composants.

Liaison de données

dataSource et les familles de références $record / $vars / $currentUser / $t: sont traités dans Liaison de données.

Pages de collection

La génération d'une route par enregistrement est traitée dans Collections et markdown.

Pages markdown

Les corps markdown et les répertoires de contenu sont traités dans Collections et markdown.

Mises en page et barres latérales

Le bloc layout et les barres latérales liées aux données sont traités dans Mises en page, barres latérales et accès.

Contrôle d'accès

La propriété access est traitée dans Mises en page, barres latérales et accès.

Pages connexes

Dernière mise à jour 11 août 2026

Modifier cette pageSignaler un problème

Cette documentation a été rédigée avec de l'IA : des erreurs ou du contenu obsolète sont donc possibles. Sovrium est en bêta. Les contributions et corrections sont les bienvenues.

Construit avec Sovrium