---
title: "Déployer un site statique par MCP, avec while.sh"
url: https://while.sh/fr/guides/site-statique/
author: "Aloïs Oddon, cofondateur de Nextmap"
updated: 2026-11-02
---

# Mettre en ligne un site statique Astro, Vite ou HTML depuis votre agent IA, par MCP

Votre site est prêt ? Branché à while par MCP, votre agent IA le construit et le met en ligne, en HTTPS, sur votre domaine si vous voulez.

## Prérequis

- Un site Astro, Vite ou HTML.
- Un agent IA qui travaille dans un terminal : Claude Code, Codex, Cursor ou Gemini CLI.

## Étape 1 : Donnez ces instructions à votre agent

Ouvrez votre agent dans le dossier de votre site, et collez-lui ces instructions :

```text titre="Instructions"
Connecte-toi à while avec mon compte (while.sh/agents), puis mets mon appli en ligne.
```

Sans compte, votre agent met votre site en ligne à l'essai, en une demande. Pour le garder, ouvrez le lien qu'il vous donne et créez votre compte.

Avec votre compte, votre agent ajoute lui-même le serveur MCP de while. S'il vous le demande, relancez-le. Au premier appel à while, une page s'ouvre dans votre navigateur. Dans Claude Code, si elle ne s'ouvre pas, tapez /mcp, choisissez while, puis Authenticate. Sur cette page, choisissez votre appli, ou « Une nouvelle appli », puis cliquez sur Autoriser.

## Étape 2 : Ouvrez votre site

Votre agent vous donne l'adresse de votre site, par exemple `https://mon-site.while.cloud`, en HTTPS.

## Ce que fait votre agent

Il écrit while.yaml à la racine de votre site :

```yaml titre="while.yaml"
apiVersion: while/v1
project: mon-site
services:
  - name: site
    type: static
    root: dist
```

Votre site est construit à chaque mise en ligne, puis le dossier `dist` est servi avec un cache HTTP.

## Mettre en ligne une appli monopage

> Vous, à votre agent : Mets en ligne notre appli React.

Chaque chemin de votre appli retombe sur index.html, et le routage se fait dans le navigateur.

## Passer sur votre propre domaine

> Vous, à votre agent : Mets le site sur www.acme.fr.

Votre agent déclare le domaine, vous ajoutez les enregistrements DNS qu'il vous donne, et le certificat HTTPS suit.

## Réserver votre site à vos collègues

> Vous, à votre agent : Réserve le site aux personnes de l'entreprise.

Votre agent ajoute deux lignes au service :

```yaml titre="while.yaml"
    access: internal
    email_domains: [acme.fr]
```

Une fois votre Google Workspace ou Microsoft 365 relié à while, avec l'offre Pro, vos collègues l'ouvrent avec leur compte habituel, sans page de connexion à écrire.

## Partager avec un client, protégé par un mot de passe

> Vous, à votre agent : Ouvre le site à notre client, avec un mot de passe.

Votre agent réserve l'appli, puis, sur la page de l'appli dans while, vous créez un lien de 1, 7 ou 30 jours, avec un mot de passe que votre agent ne verra jamais.

## Voir une nouvelle version avant de la mettre en ligne

> Vous, à votre agent : Montre-moi la nouvelle version avant de la mettre en ligne.

Votre agent ouvre une prévisualisation, à son adresse à elle, avec ses propres données. Vous la regardez, puis il la met en production.

## Revenir à la version d'avant

> Vous, à votre agent : Reviens à la version d'avant.

Dans les 30 minutes qui suivent une mise en ligne, la version d'avant revient en une seconde. Ensuite, en quelques secondes. Une fois la version d'avant revenue, votre agent lit ce qui a cassé dans les journaux de while, corrige et remet en ligne.

## Prochaines étapes

- [Mettre en ligne une appli React faite avec Vite](/fr/guides/appli-vite-react/)
- [Mettre en ligne une appli Next.js](/fr/guides/mettre-en-ligne-nextjs/)
- [Réserver votre appli aux personnes de votre entreprise](/fr/guides/outil-interne-compte-entreprise/)
- [Comparer les hébergeurs qui ont un serveur MCP](/fr/comparatifs/hebergement-appli-claude-code/)

## Sources

1. [Astro, la référence de la configuration (output et outDir)](https://docs.astro.build/en/reference/configuration-reference/), 2026-11-02
2. [Vite, le guide pour mettre en ligne un site statique (npm run build, dist)](https://vite.dev/guide/static-deploy), 2026-11-02

## Questions

### Et un site Hugo ?

Oui, votre agent part du Dockerfile type fourni pour Hugo.

### Mon site peut-il avoir une API à côté ?

Oui, votre agent déclare un service web dans le même projet.

### Faut-il construire le site chez moi ?

Non, votre agent envoie le code, et il n'y a rien à lancer chez vous.