# Vue d'ensemble d'un site

L'onglet **aperçu** est la page d'accueil de votre site sur Faaaster. Il centralise toutes les informations essentielles : plan d'hébergement, propriétaire, domaine, environnement et indicateurs de santé.

![Tableau de bord site - Onglet Aperçu](https://3571417815-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZZZbh9symRKJgO883eKl%2Fuploads%2Fgit-blob-9683391514d999a829c54d79a47f87acc7bf8e6b%2FD-01-apercu.png?alt=media)

***

## Accéder à la vue d'ensemble

Depuis la page **Projets**, cliquez sur le nom de votre site. Vous arrivez directement sur l'onglet **aperçu** du tableau de bord site.

***

## Informations affichées

### En-tête du site

L'en-tête affiche en permanence, quelle que soit l'onglet consulté :

* **Nom du site** — Le libellé donné lors de la création (ex : "Mon Site Demo").
* **Badge de statut** — Un badge coloré indique l'état du site : **live** (vert, site actif), **stopped**, **deleted**, etc.
* **Barre d'actions rapides** — Des boutons d'action sont accessibles directement :
  * **Privé / Public** — Bascule pour activer ou désactiver le mode privé.
  * **Effacer le cache** — Vide le cache du site en un clic.
  * **Redémarrer** — Menu déroulant pour redémarrer les processus ou le serveur complet.
  * **Base de données** — Menu déroulant pour accéder au client SQL, importer une base, etc.
  * **Fichiers** — Menu déroulant pour ouvrir l'éditeur de fichiers ou gérer les fichiers.
  * **Se connecter au site** — Bouton vert qui ouvre WordPress en SSO (connexion automatique).

### Lien de prévisualisation

Sous l'en-tête, un lien de prévisualisation permet d'accéder à votre site via le domaine temporaire (ex : `monsitedemo.faaaster.dev`). Une icône de copie permet de copier l'URL rapidement.

### Informations du plan

Un encadré résume les informations de votre hébergement :

* **Plan** : le nom du plan choisi (Dev, Perso, Pro ou Business).
* **Propriétaire** : le nom et l'email du propriétaire du site.
* **Renouvellement** : la date de renouvellement ou la mention d'essai gratuit.
* **Domaine** : le domaine temporaire ou le domaine personnalisé connecté.
* **Environnement** : la branche active (par défaut : `default`).

### Indicateurs de santé

La section **Santé** affiche cinq indicateurs clés mis à jour automatiquement :

| Indicateur           | Description                                                                                       |
| -------------------- | ------------------------------------------------------------------------------------------------- |
| **Disponibilité**    | Taux de disponibilité du site (ex : 100%). Mesure le temps pendant lequel le site est accessible. |
| **Temps de réponse** | Le TTFB (Time To First Byte) moyen en millisecondes (ex : 11ms). Plus il est bas, mieux c'est.    |
| **PageSpeed**        | Score de performance Google PageSpeed Insights (ex : 94/100). Cliquez dessus pour voir le détail. |
| **Mises à jour**     | Nombre de mises à jour disponibles pour WordPress, thèmes et plugins.                             |
| **Vulnérabilités**   | Nombre de vulnérabilités de sécurité détectées dans vos extensions.                               |

> **Bon à savoir** : Les indicateurs de santé se chargent progressivement après l'ouverture de la page. Patientez quelques secondes pour que toutes les valeurs s'affichent.

***

## Tags

En haut à droite, à côté du nom du site, vous pouvez ajouter des **tags** pour organiser et retrouver vos sites plus facilement. Cliquez sur l'icône d'étiquette pour ajouter un tag.

***

## Onglets de navigation

Le tableau de bord site comporte huit onglets, accessibles depuis la barre de navigation sous l'en-tête :

1. **aperçu** — Vue d'ensemble (cette page)
2. **configuration** — Paramètres techniques (PHP, cache, sécurité)
3. **outils** — Actions avancées (notifications, export, clone, etc.)
4. **sauvegardes** — Gestion des sauvegardes
5. **gestion wordpress** — Plugins, thèmes et mises à jour
6. **logs** — Logs techniques du serveur
7. **équipe** — Collaborateurs du site
8. **événements** — Journal des actions effectuées sur le site

***

## En résumé

| Élément                                         | Localisation                       |
| ----------------------------------------------- | ---------------------------------- |
| Nom et statut du site                           | En-tête                            |
| Actions rapides (cache, restart, BDD, fichiers) | Barre de boutons sous l'en-tête    |
| Connexion WordPress SSO                         | Bouton vert "Se connecter au site" |
| Lien de prévisualisation                        | Sous l'en-tête                     |
| Informations du plan                            | Encadré central                    |
| Indicateurs de santé                            | Section "Santé" (5 métriques)      |
| Tags                                            | Icône étiquette en haut à droite   |