Hébergement React et Vue.jsAngular, Svelte et vos sites statiques

Un hébergement React, Vue.js et sites statiques ultra-rapide, au meilleur prix : compilez votre application, téléversez-la depuis cPanel ou en SSH, et ajoutez votre API, vos boîtes courriel et votre base de données sur le même compte. Le tout sur une infrastructure AMD EPYC, SSD NVMe et LiteSpeed — même puissance sur tous nos forfaits.

À partir de 1,95$ USD par mois, facturé annuellement.

Voir nos forfaits Déployer une app React ou Vue

React et Vue.js Accès terminal et SSH LiteSpeed et HTTP/3 SSL gratuit Remboursement 30 jours

~/projets/monsite

$ npm run build
vite v7.x building for production...
✓ 142 modules transformed.
dist/index.html                  0.46 kB
dist/assets/index-BqX3k9Lm.css   8.12 kB
dist/assets/index-D4fG2kLm.js  148.20 kB
✓ built in 1.84s
$ rsync -avz dist/ \
    moncompte@monsite.com:public_html/
sent 52,418 bytes  received 1,204 bytes
# En ligne sur https://monsite.com

Frameworks front-end

React, Vue.js, Angular, Svelte : tous les frameworks front-end

Une fois compilée, une application front-end n'est qu'un ensemble de fichiers HTML, CSS et JavaScript. Elle fonctionne donc sur tous nos forfaits, dès le Nano.

Hébergement React

Applications créées avec Vite ou Create React App, avec React Router : envoyez le dossier dist/ ou build/.

Hébergement Vue.js

Applications Vue 3 avec Vite et Vue Router, ou sites Nuxt générés avec nuxt generate.

Angular

Compilez avec ng build et envoyez le contenu de dist/<projet>/browser/. Idéal pour les tableaux de bord et applications métier.

Svelte et SvelteKit

Applications Svelte avec Vite, ou SvelteKit avec adapter-static : des sites légers et très rapides.

Astro

Sites de contenu, blogues et documentation générés en HTML pur, avec vos composants React, Vue ou Svelte là où il en faut.

Export statique

Next.js et Nuxt

En export statique, ils tournent ici comme n'importe quel site. Pour le rendu côté serveur, voyez notre hébergement Node.js.

Générateurs

Hugo, Eleventy, Jekyll

Les générateurs de sites statiques classiques : compilez sur votre poste, envoyez le dossier public/ ou _site/.

HTML

Sites HTML et CSS

Le site vitrine le plus simple, écrit à la main ou exporté d'un outil de conception, est servi à pleine vitesse.

Déploiement

Déployer un site React ou Vue.js en 4 étapes

La même démarche fonctionne pour Angular, Svelte, Astro et tous les sites statiques.

Compilez votre application

Sur votre poste, définissez vos variables dans .env.production puis lancez npm run build. Vous obtenez un dossier dist/ (ou build/) prêt pour la production.
Envoyez le dossier produit

Téléversez le contenu de ce dossier dans public_html (ou le dossier de votre sous-domaine) par SFTP, Rsync ou le gestionnaire de fichiers de cPanel.
Ajoutez le fichier .htaccess

Indispensable si votre application utilise React Router ou Vue Router : il redirige toutes les adresses vers index.html, pour que la page fonctionne même quand le visiteur la rafraîchit. Sans lui, vous obtenez une erreur 404. Astuce : placez-le dans le dossier public/ de votre projet Vite ou Create React App, il sera copié dans dist/ (ou build/) à chaque compilation.
SSL automatique : c'est en ligne

Le certificat SSL gratuit est installé automatiquement sur votre domaine. Votre site est servi par LiteSpeed en HTTP/3, avec compression Brotli.

.htaccess — applications monopages (SPA)

# Renvoie toutes les adresses inconnues vers index.html
# (React Router, Vue Router, Angular Router…)
RewriteEngine On
RewriteBase /
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . index.html [L]

Lu directement par LiteSpeed, sans autre configuration. Notre guide de mise en ligne React et Vue.js détaille chaque étape.

Inclus pour les développeurs front-end

Tout ce qu'il faut pour un site front-end rapide

Inclus sur tous les forfaits, dès le Nano.

Serveur Web LiteSpeed

Vos fichiers HTML, CSS et JavaScript servis à pleine vitesse, avec compression Brotli.

HTTP/3 et QUIC

Les nombreux fichiers d'une application moderne se chargent en parallèle, même sur un réseau mobile.

SSL gratuit et sécurité

Certificats SSL automatiques, pare-feu Imunify360 et isolation des comptes : votre app est servie en HTTPS dès le départ.

Bande passante illimitée

Pas de facture surprise si un article devient viral ou si votre application attire du monde.

Boîtes courriel

contact@monsite.com et vos autres adresses, consultables sur le Web ou dans votre logiciel de courriel.

Back-end au choix

Node.js, Python ou PHP sur le même compte, pour votre API, vos formulaires ou votre authentification.

MySQL / MariaDB et SQLite

Une vraie base de données pour votre API, ou SQLite pour les projets plus légers. phpMyAdmin est préinstallé pour gérer vos bases MySQL.

SFTP, SSH et Rsync

Publiez une nouvelle version en une commande depuis votre poste ou votre intégration continue.

Sauvegardes 2×/jour

30 jours de sauvegardes, restaurables vous-même depuis cPanel en cas de mauvaise mise en ligne.

Mutualisé ou VPS ?

L'hébergement mutualisé est-il fait pour votre site React ou Vue.js ?

Pour une application front-end compilée, la réponse est presque toujours oui. Voici les rares cas où un serveur dédié est préférable.

Idéal pour

Applications React, Vue.js, Angular ou Svelte : tableaux de bord, outils internes, applications métier
Un front-end et son API sur le même compte : back-end en Node.js, Python ou PHP, avec MySQL
Sites de contenu générés : Astro, Hugo, Eleventy, exports statiques Next.js ou Nuxt
Sites vitrines, portfolios et pages de lancement en HTML et CSS
Projets au trafic imprévisible : bande passante illimitée, aucune facturation à l'usage

Mieux sur un VPS

Next.js ou Nuxt en rendu serveur à fort trafic, avec régénération incrémentale (ISR)
Conteneurs Docker ou plusieurs services qui communiquent entre eux
Accès root ou configuration du serveur Web sur mesure

Vos besoins changent ? Nous vous accompagnons vers un VPS ou un serveur dédié chez hosting.com, notre partenaire d'infrastructure. Parler à notre équipe

Forfaits et tarifs

Forfaits d'hébergement pour React, Vue.js et sites statiques

Même un site React complet tient dans le forfait Nano. Prenez plus d'espace si vous ajoutez un back-end, des médias ou des courriels.

Économisez jusqu'à 39 % sur un abonnement annuel

Nano

750 Mo de stockage

1,95$USD

par mois, facturé annuellement

1 domaine
5 sous-domaines
3 comptes FTP, 3 boîtes courriel, 3 bases MySQL
Bande passante illimitée
LiteSpeed et HTTP/3
Accès terminal et SSH
Certificats SSL gratuits
Sauvegardes 2×/jour

Choisir Nano

Micro

2 Go de stockage

3,20$USD

par mois, facturé annuellement

1 domaine
10 sous-domaines
5 comptes FTP, 5 boîtes courriel, 5 bases MySQL
Bande passante illimitée
LiteSpeed et HTTP/3
Accès terminal et SSH
Certificats SSL gratuits
Sauvegardes 2×/jour

Choisir Micro

Le plus populaire

Vtiny

5 Go de stockage

3,95$USD

par mois, facturé annuellement

5 domaines
50 sous-domaines
25 comptes FTP, 25 boîtes courriel, 25 bases MySQL
Bande passante illimitée
LiteSpeed et HTTP/3
Accès terminal et SSH
Certificats SSL gratuits
Sauvegardes 2×/jour

Choisir Vtiny

Tiny

Stockage au choix

6,95$USD

par mois, facturé annuellement

Domaines et sous-domaines illimités
Comptes FTP, boîtes courriel et bases MySQL illimités
Bande passante illimitée
LiteSpeed et HTTP/3
Accès terminal et SSH
Certificats SSL gratuits
Sauvegardes 2×/jour

Choisir Tiny

Voir tous les détails des forfaits

Le prix n'augmente pas au renouvellement. Le tarif que vous voyez ici est aussi celui que vous paierez à chaque renouvellement — pas de hausse surprise après la première année.

Trouvez votre nom de domaine

Vérifiez la disponibilité de votre domaine avant de choisir votre forfait d'hébergement.

Enregistrer un domaine Transférer un domaine

Questions fréquentes

Questions sur l'hébergement React, Vue.js et sites statiques

Pourquoi ma page React ou Vue affiche-t-elle une erreur 404 quand je la rafraîchis ?

Parce que React Router et Vue Router gèrent les adresses dans le navigateur, mais le serveur cherche un vrai fichier à cette adresse. La solution : un fichier .htaccess qui renvoie toutes les adresses inconnues vers index.html (voir l'exemple plus haut). Nos serveurs LiteSpeed le lisent directement, sans autre configuration.

Puis-je héberger Next.js ou Nuxt ?

Oui. En export statique (output: 'export' pour Next.js, qui produit le dossier out/ ; nuxt generate pour Nuxt, qui produit .output/public/), votre site est un ensemble de fichiers HTML servis par LiteSpeed sur tous les forfaits. Pour le rendu côté serveur (SSR), votre application tourne en Node.js sur le même compte : voyez notre hébergement Node.js.

Comment gérer les variables d'environnement ?

Dans une application front-end, les variables (VITE_… avec Vite, REACT_APP_… avec Create React App) sont intégrées au moment de la compilation. Définissez-les dans votre fichier .env.production avant npm run build ; avec Angular, utilisez les fichiers environment.ts. Ne placez jamais de clé secrète dans le front-end : elle serait visible par tous les visiteurs.

Puis-je héberger mon API sur le même compte ?

Oui. Votre front-end peut être servi sur monsite.com et votre API en Node.js, Python ou PHP sur api.monsite.com, avec une base de données MySQL ou SQLite, le tout sur le même forfait.

Puis-je publier mon site dans un sous-dossier ?

Oui. Indiquez le chemin au moment de la compilation (base dans Vite, homepage pour Create React App, --base-href pour Angular), précisez-le aussi à votre routeur (basename pour React Router) et ajustez la ligne RewriteBase du fichier .htaccess.

Quelle différence avec Vercel ou Netlify ?

Ces plateformes sont excellentes pour les aperçus de déploiement et les fonctions edge. Chez nous, vous avez au même endroit, pour un prix fixe, votre site, votre nom de domaine, vos boîtes courriel, votre back-end et votre base de données, sans facturation à l'usage.

Quel forfait choisir pour un site React ou Vue.js ?

Une application compilée pèse rarement plus de quelques dizaines de Mo : le forfait Nano (750 Mo) suffit pour un site. Prenez le forfait Micro ou Vtiny si vous ajoutez un back-end, beaucoup d'images ou plusieurs boîtes courriel.

Autres technologies