Déployer une application monopage Vite.

React, Vue, Svelte, Solid — si c’est un projet Vite purement client, Canner le compile et sert le paquet dist/ comme site statique avec repli SPA. Rien à configurer.

Comment ça se déploie

La détection s’appuie sur la dépendance vite. Canner exécute votre script build et sert le répertoire de sortie en statique. Les chemins inconnus retombent sur index.html : les routeurs côté client (React Router, Vue Router) fonctionnent donc sur les liens profonds et les rafraîchissements.

Vous avez aussi un backend? Si votre projet embarque son propre serveur Node qui sert à la fois une API et le client compilé — la forme qu’exportent la plupart des outils d’IA (Bolt, v0, Manus, Lovable) — Canner le détecte et exécute le serveur à la place. Voir Serveurs Node et applications complètes.

Variables d’environnement

Vite intègre les valeurs import.meta.env.VITE_* au moment du build. Définissez-les sous l’onglet Variables d’environnement avant de déployer; après un changement, redéployez pour qu’elles soient intégrées au nouveau paquet. Les variables sans le préfixe VITE_ n’atteignent jamais le code navigateur — c’est la règle de Vite, et elle protège vos secrets.

Bon à savoir

Vous appelez une API externe? Configurez le CORS côté API, ou mieux, hébergez l’API sur Canner aussi, chacune dans son propre projet.
Un outDir personnalisé fonctionne — Canner trouve le index.html compilé plutôt que de présumer dist/.
Angular, CRA, Gatsby, Docusaurus et les autres cadriciels à build statique se déploient de la même façon — compilation, puis service de la sortie.