Hébergement web gratuit ou payant : que publier et quand changer ?

Il n’est pas nécessaire de payer pour mettre un premier site en ligne. Mais « gratuit » peut vouloir dire sous-domaine du fournisseur, fichiers statiques uniquement, ou absence de sauvegardes et de processus serveur. Identifiez les besoins techniques du projet avant de choisir une offre.

Ce que comprend l’offre Dev gratuite de Hostbrid

Dev permet de publier jusqu’à trois projets sur des sous-domaines *.hostbrid.dev, sans frais mensuels d’offre ni engagement. Le tarif de l’offre est de 0 €, mais son activation nécessite une carte bancaire. Cela peut convenir à une page de présentation, un portfolio, de la documentation ou un site statique en HTML, Astro ou React/Vite compilé.

Un site statique sert des fichiers HTML, CSS, JavaScript et des images. Si votre application exige un processus Node, un service Docker permanent, une base de données ou des tâches en arrière-plan, vérifiez que l’offre choisie inclut ce service et une capacité suffisante. La gratuité de l’hébergement statique n’implique pas qu’un serveur actif soit gratuit.

Consultez les caractéristiques de Projects et la comparaison actuelle des offres avant d’activer une fonction. Les prix et limites peuvent évoluer.

Quand une offre gratuite suffit

Dev peut convenir pendant les essais si une adresse hostbrid.dev vous suffit et si votre site ne dépend pas d’un backend qui doit rester actif. Vérifiez la version publique depuis un autre appareil : routes, images, formulaires et liens doivent fonctionner sans dépendre de localhost.

Si vous avez uniquement des fichiers HTML, CSS et JavaScript, suivez le guide pour publier du HTML créé avec une IA. Si le site ne fonctionne encore que sur votre ordinateur, commencez par publier un site depuis localhost.

Exemple reproductible : publier un site Astro statique

Le dépôt d’exemple Astro contient un petit site avec une page d’accueil et une note Markdown. Le résultat publié permet de vérifier l’accueil et d’ouvrir directement /notas/primera-noche/. Pour refaire l’essai, clonez le dépôt, installez les dépendances verrouillées avec npm ci, puis lancez npm run build ; le résultat se trouve dans dist. Connectez le dépôt dans Projects et publiez ce résultat comme site statique. Le tutoriel Astro pas à pas donne la configuration reproductible de branche, preset, variable publique et sortie dist.

Cette vérification confirme que les deux routes publiques répondent et que la démo possède sa propre URL canonique. Elle ne prouve pas qu’une application avec API, comptes, paiements ou base de données fonctionne comme un site statique : l’exemple n’implémente pas ces services. Avant de refaire l’essai sur votre compte, vérifiez le quota et les conditions de Dev, notamment la carte demandée pour son activation.

Quand comparer une offre payante

Comparez les offres payantes si vous voulez un domaine personnalisé, des sauvegardes, une messagerie ou un environnement de test, ou si vous devez exécuter un service Node ou Docker. Vérifiez chaque caractéristique dans le tableau avant l’achat. L’enregistrement et le renouvellement d’un domaine sont facturés séparément de l’hébergement.

Pour un site avec connexion, paiement, formulaire ou fichiers envoyés, repérez où fonctionnent l’API, la base de données et le stockage. Publier le frontend ne transfère pas ces services. Avant de changer le domaine, testez une copie de l’application et prévoyez la protection des données et un retour arrière.

Cinq questions avant de choisir

1. Le résultat final contient-il des fichiers statiques, ou un processus doit-il rester actif ?
2. Un sous-domaine du fournisseur suffit-il, ou faut-il votre domaine ?
3. Où sont traités les données, formulaires, comptes et paiements ?
4. Quelles sauvegardes, assistance, capacité et limites l’offre comprend-elle ?
5. Quel sera le coût du renouvellement de l’offre et du domaine ?

Une offre gratuite peut suffire pour tester un site statique. Pour un site public qui dépend d’un domaine personnalisé ou de services permanents, choisissez une offre qui les inclut et vérifiez son prix et sa capacité lors de la commande. Comparez les offres Projects ou lisez les besoins d’hébergement d’un site créé avec une IA.