---
title: "Visite de la page du projet | Briks"
url: https://briks.dev/fr/docs/the-project-page
description: "Visite guidée d'un projet dans le studio Briks : conversation, aperçu en direct et largeurs d'écran, onglets sous la barre du haut, réglages et publication."
last_updated: 2026-10-08
---

# Visite de la page du projet

Chaque site, application ou tableau de bord que vous créez dans Briks a sa propre page de projet. C'est là que vous parlez à Briks, voyez le site évoluer et accédez à tout le reste du projet. Cette visite en fait le tour une fois, pour que vous sachiez à quoi sert chaque partie avant d'en avoir besoin.

10 minutes de lecture Vérifié par rapport au studio le 8 octobre 2026

1. 1 Où vous êtes : **Projects**, puis le nom du projet, avec son adresse sur un grand écran. En dessous, les onglets du projet en toutes lettres : **Studio**, **Analytics**, **Media**, **Database** (une fois que le projet en a une, et avant cela pour les Owners et les Admins), **Storage**, **Chatbot** et **Settings**.
2. 2 La conversation. Demandez une modification ou posez une question en mots simples.
3. 3 L'aperçu de votre site, actualisé après chaque publication.
4. 4 Outils d'aperçu : la largeur d'affichage, le rechargement, le plein écran et l'ouverture dans un nouvel onglet.
5. 5 **Publish** met le site en production quand vous êtes prêt.

La page projet d'un site de boulangerie d'exemple : où vous êtes et **Publish** dans la barre du haut, les onglets du projet en dessous, la conversation à gauche et l'aperçu en direct à droite.

## Ouvrir un projet

Cliquez sur **Projects** dans la barre latérale, puis sur le projet voulu. Vos derniers projets sont aussi listés sous **Projects** dans la barre latérale elle-même, chacun avec un point indiquant son état, pour y accéder directement. Un projet s'ouvre toujours sur son onglet **Studio** : la conversation et l'aperçu côte à côte.

Où

1. Projects
2. Your project
3. Studio

Sur un portable ou un ordinateur de bureau, les deux sont côte à côte. Sur un écran étroit, comme un téléphone, la conversation vient d'abord et l'aperçu se place en dessous.

## La barre du haut

La barre en haut indique où vous êtes. Sur l'onglet **Studio**, elle affiche **Projects** et le nom du projet. Sur tout autre onglet, le nom de l'onglet suit, puis la section ou la vue que vous avez ouverte à l'intérieur, par exemple Projects / Crumb & Co bakery / Settings / Domain. Chaque élément avant le dernier est un lien pour y revenir. Sur un grand écran, l'adresse en ligne du projet se trouve à côté de son nom et ouvre le site dans un nouvel onglet.

Sous cette ligne se trouve une rangée d'onglets en toutes lettres, l'onglet ouvert étant souligné. Sur un téléphone, la rangée défile sur le côté, et la ligne au-dessus n'affiche que le nom du projet.

| Onglet | Ce qu'il contient | En savoir plus |
| --- | --- | --- |
| **Studio** | La conversation et l'aperçu. Les modifications et les questions se font ici. | [Faire des modifications](https://briks.dev/fr/docs/making-changes) |
| **Visual Editor** | Votre propre page à côté d'un panneau : cliquez sur n'importe quel élément pour changer ses mots, ses images et son apparence, puis publiez sans utiliser de crédits. Inclus avec les forfaits payants. | [Éditeur visuel](https://briks.dev/fr/docs/visual-editor) |
| **Analytics** | Visiteurs, pages et provenance, dans une vue **Data** et une vue **Settings**. | [Analytics](https://briks.dev/fr/docs/analytics) |
| **Marketing** | Publications pour les comptes de réseaux sociaux du site. L'onglet s'affiche dès que la publication est ouverte sur Briks. | [Marketing et publications sociales](https://briks.dev/fr/docs/marketing) |
| **Media** | Chaque image et chaque vidéo que le site affiche dans sa dernière version publiée, chacune avec **Replace**. | [Médiathèque](https://briks.dev/fr/docs/media-library) |
| **Database** | Ce que le site stocke, collection par collection. Il apparaît dès que le projet a une base de données, et avant cela seulement pour les Owners et les Admins, afin qu'ils puissent en créer une. | [Base de données](https://briks.dev/fr/docs/database) |
| **Stockage** | Les fichiers que le projet conserve, pour ses pages et pour vous, dans les vues **Files**, **Usage** et **Settings**. | [Storage](https://briks.dev/fr/docs/storage) |
| **Chatbot** | Un chat pour le site publié qui répond à partir de ses propres pages et transmet ce à quoi il ne sait pas répondre. | [Chatbot](https://briks.dev/fr/docs/chatbot) |
| **Settings** | Tout le reste : le nom et les marques du projet, son domaine, les formulaires, les chats, les e-mails, les versions, les sauvegardes et les outils pour développeurs. | Voir ci-dessous |

À l'extrême droite de la barre, une fois le site publié pour la première fois, vous verrez une étiquette grise **Preview** et un bouton **Publish**. Chaque version générée arrive d'abord à une adresse d'aperçu. Elle est tenue à l'écart des moteurs de recherche, et les messages envoyés par ses formulaires sont conservés dans le studio au lieu d'être envoyés par e-mail. **Publish** lance une vérification avant mise en ligne et, si rien n'est à corriger, met le site en production. Ensuite, le bouton affiche **In production**, et un clic dessus propose **Back to preview**.

La publication attend la fin des générations

Pendant qu'une création ou une modification est en cours, **Publish** est grisé avec l'indication “Wait for the current build to finish”. Il redevient disponible dès que le travail est terminé. Le guide complet se trouve dans [Publier en production](https://briks.dev/fr/docs/publish-to-production).

## La conversation

Le côté gauche est une conversation continue entre vous et Briks. Vos messages sont à droite dans des bulles sombres et les réponses de Briks à gauche. Sous chaque réponse, une petite ligne indique les crédits facturés pour cette demande et le temps qu'elle a pris environ. Au-dessus de la conversation, une pastille d'état montre où en est le site (**Draft**, **Building**, **Live** ou **Needs attention**) et, dès que quelque chose a été facturé, le total cumulé du projet en crédits.

- **Ask for a change** en termes simples, par exemple `Ajoutez nos horaires du samedi dans le pied de page : 9h à 13h`. Briks le crée et le publie. Voir [Faire des modifications](https://briks.dev/fr/docs/making-changes).
- **Posez une question**, par exemple `Quand le site a-t-il été modifié pour la dernière fois ?`. Briks répond dans la conversation sans rien construire. Voir [Poser des questions](https://briks.dev/fr/docs/asking-questions).
- **Répondez aux questions de Briks** avant une première création, ou validez ses textes, son style ou sa section d'accueil si ces étapes sont activées. Voir [Valider en cours de création](https://briks.dev/fr/docs/approval-steps).

Le champ en bas affiche « Change the hero, add a page, adjust the colours… » jusqu'à ce que vous écriviez. Entrée envoie, et Maj avec Entrée passe à la ligne. À côté du champ se trouvent trois boutons : **Attach pictures**, **Add from your media** et **Speak your request**. En dessous, un interrupteur, **Check the site after this change**, examine le site publié à quatre tailles d'écran et répare tout ce qui s'affiche mal. Cela ajoute quelques minutes, et votre choix est mémorisé pour ce site dans votre navigateur.

Si votre rôle est Viewer, la zone de saisie est remplacée par une note : « You can view this project. Changes are made by Editors, Admins and Owners of this workspace. » Vous voyez toujours toute la conversation et l'aperçu.

### Pendant qu'une construction est en cours

Un panneau apparaît dans la conversation avec un minuteur, les étapes du travail et une ligne en dessous indiquant ce que Briks fait en ce moment. Pour une modification, les étapes sont **Applying your changes**, **Verifying build** et **Publishing**, plus **Checking the published site** si vous avez activé la vérification. Un bouton **Stop** se trouve à côté du minuteur. La zone reste ouverte et son bouton devient **Queue** : vous pouvez ainsi préparer votre demande suivante pendant que celle-ci se termine.

## L'aperçu

Le côté droit est votre vrai site publié, dans un cadre. Ce n'est pas une image : vous pouvez le faire défiler, cliquer sur ses boutons et utiliser son propre menu pour passer d'une page à l'autre. L'étiquette au-dessus indique **Live preview** avec l'heure de la dernière publication, et le cadre se recharge tout seul un instant après chaque publication, pour que vous voyiez toujours ce que voient les visiteurs.

| Contrôle | Ce que ça fait |
| --- | --- |
| **Desktop** | Affiche le site sur toute la largeur du cadre. |
| **Tablet** | L'affiche sur 834 pixels de large, encadré, comme une tablette tenue à la verticale. |
| **Téléphone** | L'affiche sur 390 pixels de large, comme un téléphone classique. |
| La liste des pages | Apparaît dès que le site compte plus d'une page : choisissez une page pour l'ouvrir dans le cadre. |
| Flèches annuler et rétablir | Revenez à la version précédente, ou avancez de nouveau. Voir [Versions](https://briks.dev/fr/docs/versions). |
| **Versions** (l'horloge, qui affiche le numéro en cours, par exemple v7) | Liste toutes les versions enregistrées, avec **Make live** et **Test against live**. |
| **Reload preview** | Recharge la page sans attendre une publication. |
| **Full screen** | Donne tout l'écran à l'aperçu. Appuyez sur Esc pour le fermer. |
| **Open in new tab** | Ouvre le site à sa propre adresse. |

Avant la première publication, il n'y a pas encore de site à montrer : l'aperçu présente donc votre page morceau par morceau, au fur et à mesure que Briks la planifie et la rédige. Une fois les autres pages planifiées, de petits onglets (**Home** et le nom de chaque page) vous permettent de les consulter une à une. [Suivre une création](https://briks.dev/fr/docs/watching-a-build) explique cette vue.

Faire de la place

Faites glisser la fine poignée entre la conversation et l'aperçu pour donner plus de place à l'un ou à l'autre, et double-cliquez dessus pour revenir au réglage par défaut. La largeur choisie et la taille d'écran sélectionnée sont toutes deux mémorisées dans votre navigateur.

## L'onglet Settings

**Settings** réunit tout ce qui n'est pas un onglet à part. Il s'ouvre sur **General**, avec toutes les sections listées à gauche par groupes. Sur un écran étroit, comme un téléphone, la liste se replie sous un seul contrôle qui affiche **Settings:** et le nom de la section ouverte. Touchez-le pour en choisir une autre.

| Section | Groupe | À quoi cela sert | En savoir plus |
| --- | --- | --- | --- |
| **General** | En haut | Nom, logo, favicon, le badge Built with Briks, Made with Briks, copie, déplacement et suppression. | [Réglages du projet](https://briks.dev/fr/docs/project-settings) |
| **Domain** | En haut | L'adresse du site et vos propres domaines. | [Connectez votre domaine](https://briks.dev/fr/docs/custom-domains) |
| **Preferences** | En haut | Les règles que respecte chaque création, l'origine des images, ce que fait chaque modification et les sites web que le site peut charger. | [Réglages du projet](https://briks.dev/fr/docs/project-settings) |
| **Forms** | **Forms and email** | Ce que les visiteurs envoient via les formulaires du site. | [Forms](https://briks.dev/fr/docs/forms) |
| **Chats** | **Forms and email** | Toutes les conversations que les visiteurs ont eues avec le chat du site au cours des 90 derniers jours, de la plus récente à la plus ancienne, avec **Export CSV**. | [Chatbot](https://briks.dev/fr/docs/chatbot) |
| **Emails** | **Forms and email** | E-mail que le site envoie à ses visiteurs. | [E-mail du site](https://briks.dev/fr/docs/site-email) |
| **Sign-in** et **Payments** | **Accounts and payments** | Comment les visiteurs de votre site se connectent, et le processeur de paiement avec lequel le site encaisse, chacun avec vos propres clés. | [Connexion et paiements](https://briks.dev/fr/docs/sign-in-and-payments) |
| **Versions** | **Versions and backups** | Chaque version publiée, avec un moyen de la restaurer. | [Versions publiées](https://briks.dev/fr/docs/publish-history) |
| **Backups** | **Versions and backups** | Chaque version du code, prête à être restaurée, ou à être téléchargée avec une offre payante. | [Sauvegardes](https://briks.dev/fr/docs/backups) |
| **File Explorer** | **Developer** | Le code écrit pour le site : lisez-le et modifiez-le, et téléchargez-le sur une formule payante. | [Le code de votre site](https://briks.dev/fr/docs/code) |
| **GitHub** | **Developer** | Conserve le code propre au site dans un dépôt GitHub, synchronisé dans les deux sens. | [Synchronisation GitHub](https://briks.dev/fr/docs/github) |
| **Secrets** | **Developer** | Clés et mots de passe que lit le code propre au site. Une fois enregistrée, une valeur ne peut plus jamais être affichée. | [Secrets](https://briks.dev/fr/docs/secrets) |
| **Webhooks** | **Developer** | Prévenez d'autres services quand quelque chose se passe sur le site. | [Webhooks](https://briks.dev/fr/docs/webhooks) |
| **Deploy hooks** | **Developer** | Adresses secrètes qui republient le projet lorsque quelque chose les appelle. | [Hooks de déploiement](https://briks.dev/fr/docs/publish-history) |
| **Scheduled tasks** | **Developer** | Appels que le projet effectue selon un calendrier, dans votre fuseau horaire. | [Tâches planifiées](https://briks.dev/fr/docs/crons) |
| **Logs** | **Developer** | Chaque création, modification et publication, et les étapes par lesquelles chacune est passée. | [Logs](https://briks.dev/fr/docs/logs) |

Les liens enregistrés avant le déplacement de ces sections vers Settings, comme ceux d'anciens e-mails, fonctionnent toujours : ils ouvrent la même section ici.

## Un premier aperçu, étape par étape

Dix minutes avec un nouveau projet

1. Consulter le statut

   Où : Studio

   Regardez la pastille au-dessus de la conversation. **Live** signifie que la dernière publication a abouti. **Needs attention** signifie que la dernière tâche a échoué, et la conversation en explique la raison.

2. Voir le rendu sur un téléphone

   Où : Preview toolbar

   Cliquez sur **Phone**, faites défiler toute la page et ouvrez le menu. Ce que les gens veulent corriger apparaît le plus souvent ici en premier.

3. Parcourez les pages

   Où : Preview

   Utilisez le menu du site dans le cadre pour visiter chaque page, exactement comme le ferait un visiteur.

4. Ouvrir les versions

   Où : Versions

   Cliquez sur l'icône d'horloge avec le numéro de version. Chaque création et chaque modification figure dans la liste, et celle que voient les visiteurs porte la mention **Live**.

5. Donnez-lui un vrai nom

   Où : Settings, General

   Ouvrez l'onglet **Settings**, qui s'ouvre sur **General**. Vérifiez le nom du projet, ajoutez votre logo et votre favicon si vous en avez, puis appuyez sur **Save** sous **Name and marks**.

6. Demandez votre première modification

   Où : Studio

   De retour sur **Studio**, écrivez une modification précise et appuyez sur Entrée. Suivez les étapes, puis regardez l'aperçu quand il se recharge.

7. Publiez quand vous êtes prêt

   Où : Top bar

   Appuyez sur **Publish**. La vérification de lancement s'exécute d'abord et son résultat arrive dans la conversation.

## Ce que voit chaque rôle

| Rôle | Sur la page du projet |
| --- | --- |
| Owner et Admin | Tout, y compris supprimer le projet, le déplacer vers un autre espace de travail et changer son adresse. |
| Editor | Modifications, questions, publication, versions, tests A/B, Visual Editor et édition du code. Pas la suppression, le déplacement ni le changement d'adresse. |
| Viewer | La conversation, l'aperçu, la liste des versions et les statistiques, en lecture seule. Pas de zone de prompt, pas de journal **Chats**, et le Visual Editor seulement pour parcourir et commenter. |

Les rôles appartiennent à l'espace de travail, pas à un seul projet. [Membres et rôles](https://briks.dev/fr/docs/members-and-roles) contient le tableau complet.

Une copie d'un modèle

Si vous avez créé le projet à partir d'un modèle et qu'il affiche encore les informations de l'ancienne entreprise, un bandeau au-dessus de la conversation vous le signale, avec un bouton **Make it yours** qui réécrit le site pour votre entreprise. Voir [Templates](https://briks.dev/fr/docs/templates).

### Pourquoi n'y a-t-il pas de bouton Publish ?

Il apparaît une fois le site publié pour la première fois. D'ici là, il n'y a rien à passer en production.

### Pourquoi ne vois-je pas l'onglet Database ?

Il s'affiche dès que le projet a une base de données. Avant cela, seuls les Owners et les Admins le voient, afin de pouvoir en créer une. [Base de données](https://briks.dev/fr/docs/database) explique comment en créer une.

### Pourquoi ne vois-je pas l'onglet Visual Editor ?

Le Visual Editor est inclus dans les forfaits payants, donc un espace de travail Free n'affiche pas l'onglet. Un Owner peut changer de forfait dans **Billing**. Voir [éditeur visuel](https://briks.dev/fr/docs/visual-editor).

### L'aperçu semble obsolète.

Cliquez sur **Reload preview**. Après une publication, le cadre attend quelques secondes avant de se recharger, pour que la nouvelle version soit prête partout.

### Qui peut arrêter une génération ?

Les Editors, les Admins et les Owners. Arrêter une tâche qui n'a pas encore commencé ne coûte rien.

## À lire ensuite

- [Travailler sur un projet **Faire des modifications** Modifiez votre site en écrivant à Briks : que dire, ajouter des images, contenu et coût d'un changement, pages internes, demandes en file et corriger un raté.](https://briks.dev/fr/docs/making-changes)
- [Travailler sur un projet **Versions, annuler et rétablir** Chaque création et modification est une version de votre site. Annulez, rétablissez ou republiez une ancienne version à l'identique, sans crédit retenu.](https://briks.dev/fr/docs/versions)
- [Publication et domaines **Publier en production** Passez un site Briks de l'aperçu à la production : ce que lit la vérification, ce qui bloque un lancement, comment corriger chaque point et revenir à l'aperçu.](https://briks.dev/fr/docs/publish-to-production)
- [Premiers pas **Découvrir le tableau de bord** Visite guidée du tableau de bord Briks : navigation, accueil, projets, modèles, agents, accès rapide, notifications, vos crédits et les onglets d'un projet.](https://briks.dev/fr/docs/exploring-the-dashboard)

Toujours bloqué ?

Écrivez à [hello@briks.dev](mailto:hello@briks.dev) en indiquant le nom de votre projet et ce que vous espériez voir. Une capture d'écran aide.