Hébergement gratuit d'app JavaScript : publier n'importe quel build JS

· jsdeck team · 4 min de lecture
Hébergement gratuit d'app JavaScript : publier n'importe quel build JS

Si vous avez cherché free JavaScript app hosting, vous voulez le chemin le plus court et le plus fiable du code fonctionnel à une URL publique — sans déployer de serveurs, sans apprendre un tableau de bord cloud complexe, et sans saisir une carte bancaire avant d'avoir le moindre utilisateur. Ce guide explique exactement comment y parvenir avec jsdeck, quels sont les compromis, et quand un autre outil est vraiment le meilleur choix. Nous restons concrets : étapes réelles, commandes réelles et limites honnêtes.

Prérequis

  • Node.js installé (ou le SDK adapté à votre framework)
  • Un projet qui se compile en fichiers statiques (souvent dist/, build/ ou out/)
  • Un compte jsdeck gratuit — aucune carte bancaire requise

Si votre projet tourne déjà en local et produit un dossier de build, vous avez tout ce qu'il faut.

Construire un bundle statique

L'idée clé derrière l'hébergement gratuit d'app JavaScript est que votre framework se compile en HTML, CSS et JavaScript purs. Lancez votre build de production (npm run build dans la plupart des cas) et vérifiez qu'un dossier de sortie apparaît. Ouvrez-le en local avec npx serve dist (adaptez le nom du dossier) pour valider avant tout upload.

Déployer en quatre étapes

  1. Build : npm run build
  2. Inscription : créer un compte gratuit
  3. Upload : glissez le dossier de sortie dans le tableau de bord jsdeck, ou exécutez jsdeck deploy
  4. Vérification : ouvrez votre URL *.jsdeck.com et testez la navigation, les liens profonds et le rafraîchissement

Routage côté client sur hébergeurs statiques

Si votre app utilise un routeur côté client, les chemins inconnus doivent être réécrits vers index.html, sinon un rafraîchissement sur un lien profond renvoie une 404. jsdeck applique automatiquement le fallback SPA pour les apps hébergées, donc React Router, Vue Router et similaires fonctionnent d'emblée. (Pour les mécanismes sous-jacents, voir nos guides de correction de routage dans le hub.)

Domaine personnalisé, HTTPS et persistance

Le HTTPS est provisionné automatiquement pour les sous-domaines jsdeck. Quand vous êtes prêt pour la production, ajoutez un domaine personnalisé depuis le tableau de bord de l'app. Si votre app doit stocker des données, activez le datastore plutôt que de vous fier au stockage navigateur seul, afin que les données persistent entre appareils et sessions.

Dépannage d'un déploiement statique

La plupart des problèmes au premier déploiement viennent d'une poignée de causes. Traitez-les dans l'ordre :

  • Page blanche après déploiement : souvent un problème de chemin d'assets. Si votre bundler émet des chemins absolus (/assets/...) mais attend un sous-chemin, définissez le bon base dans votre config de build et recompilez.
  • 404 au rafraîchissement d'un lien profond : c'est le cas du fallback SPA ci-dessus — confirmez que votre routeur utilise le mode history et comptez sur la réécriture automatique de jsdeck.
  • Ancienne version encore affichée : un asset en cache. Les bundlers ajoutent des hash de contenu aux noms de fichiers, donc un nouveau build plus un rafraîchissement forcé règle le problème.
  • Avertissements de contenu mixte : faites passer toutes les requêtes en HTTPS ; jsdeck sert votre app en HTTPS, donc toute ressource http:// sera bloquée par le navigateur.

Vérifier tout cela en local avec npm run preview avant l'upload évite presque à chaque fois un aller-retour inutile.

Pour qui c'est fait, et quand ne pas utiliser jsdeck

Bon choix : frontends statiques, single-page apps, démos, portfolios, MVPs, exports générés par IA, et apps qui ont besoin d'un peu de persistance JSON ou d'une connexion visiteur légère.

Pas adapté : apps qui exigent un serveur Node longue durée, du rendu côté serveur à la requête, des backends WebSocket, des secrets côté serveur privés, des tâches en arrière-plan ou une base relationnelle complète. Pour ceux-là, une plateforme comme les alternatives discutées dans notre hub de comparaisons vous conviendra mieux — et c'est un choix délibéré, pas un compromis.

Questions fréquentes

L'hébergement gratuit d'app JavaScript est-il vraiment gratuit ?

Oui. jsdeck propose un hébergement statique gratuit avec HTTPS pour des projets comme celui-ci, sans carte bancaire pour commencer. Des fonctionnalités optionnelles comme le datastore et l'auth visiteur sont disponibles quand vous en avez besoin.

Dois-je connecter un dépôt Git ?

Non. Vous pouvez uploader votre dossier de build directement dans le tableau de bord, ou déployer en ligne de commande avec jsdeck deploy. Git est optionnel.

Les routes côté client cassent-elles au rafraîchissement ?

Non. jsdeck applique le fallback SPA pour que les liens profonds et les rafraîchissements aboutissent à votre app au lieu d'une 404.

Prochaines étapes

Prêt à déployer ?

Publiez votre app statique sur une URL en ligne en quelques minutes — hébergement gratuit avec magasin de données et authentification visiteur en option.

Commencer gratuitement