FR
Se connecter Crée ton compte

Comment créer un site statique HTML sur Saplo (sans processus en arrière-plan)

Tu peux déployer sur Saplo de simples fichiers HTML, CSS et JS, ou le résultat produit par n'importe quel générateur statique. nginx les sert directement, sans build, sans base de données ni processus en arrière-plan. C'est le type d'application le plus simple et le plus léger de tout le catalogue.

Grzegorz Kalmus ·

Le type d'application le plus simple de tout le catalogue Saplo : de simples fichiers HTML, CSS et JavaScript, sans aucun build ni processus resident en mémoire. Si tu as déjà une page - écrite à la main, exportée depuis un générateur de site statique (Hugo, Jekyll, Eleventy, VitePress) ou si tu achètes un modèle prêt à l'emploi - tu déposes simplement les fichiers, et c'est tout. Nginx les sert directement, sans aucune couche intermédiaire susceptible de tomber en panne.

Pour qui convient une page statique sur Saplo

Avant de commencer l’installation, vérifie si c’est le bon choix pour ton projet :

  • une carte de visite ou une landing page avec un modèle prêt à l’emploi - tu déposes tes fichiers et le site fonctionne, sans installer de moteur CMS,
  • un site généré par un générateur statique - Hugo, Jekyll, Eleventy, VitePress et d’autres, tant que la sortie reste des fichiers HTML,
  • une documentation ou un portfolio - le contenu change rarement, tu n’as besoin ni d’un back-office ni d’une base de données,
  • un site que tu veux le plus léger possible et le plus difficile à casser - sans PHP, sans base MySQL, sans mise à jour de plugins.

Si ton site doit évoluer avec des fonctionnalités qui nécessitent une base de données ou un panneau de modification du contenu sans toucher au code, consulte le catalogue d’applications WordPress ou Astro (pour du contenu en Markdown dans un dépôt).

Exigences

Pour mettre en place un site statique sur Saplo, tu as besoin de :

  • Box dans n'importe quelle formule, S suffit largement - c'est la recette la plus légère de tout le catalogue,
  • au moins 64 MB de RAM libre et 1 GB de space disque,
  • un domaine ou un sous-domaine *.saploapp.pl compris dans chaque formule,
  • un dépôt Git si tu souhaites des déploiements automatisés (facultatif, tu peux aussi téléverser les fichiers via SFTP ou une archive .zip depuis le panneau).

Installation étape par étape

  1. Dans le panneau Saplo, accède au Catalogue d'applications et sélectionne HTML (catégorie "Sites").
  2. Sélectionne Box et saisis le nom de l'application - le sous-domaine par défaut sera créé à partir de ce nom <name>.saploapp.pl.
  3. Confirme l'installation. Le moteur crée un simple placeholder index.html avec l'adresse du domaine, afin que tu saches que l'application fonctionne avant de téléverser tes propres fichiers.
  4. Une fois l'installation terminée, le domaine indiqué à l'étape 2 affiche ce placeholder - à partir de ce moment, tu le remplaces par ta propre page.

Téléversement de fichiers : SFTP ou Git

Tu as deux possibilités, toutes deux opérationnelles dès l'installation :

  1. SFTP - dans le panneau, dans la section Accès SSH / SFTP, tu ajoutes ta clé publique, tu obtiens l'hôte et le port nécessaires ainsi que le répertoire de l'application, puis tu téléverses les fichiers avec le client de ton choix (FileZilla, Cyberduck ou une ligne de commande).
  2. Git - dans les détails de l'application, dans la section Git / CI-CD, tu connectes le dépôt, tu y ajoutes le fichier saplo.yaml et tu pousses les modifications vers la branche de production. Si le dépôt ne contient pas le fichier package.json, Saplo téléverse les fichiers exactement tels qu'ils se trouvent dans le dépôt, sans aucun build.

Si le site provient d'un générateur statique, dans saplo.yaml indique la commande de build et le répertoire de sortie :

name: my-project
stack: static
build:
  install: npm ci
  command: npm run build
  output: dist

Pour de simples fichiers HTML sans build, il suffit d'utiliser :

name: my-project
stack: static
build:
  output: .

Site statique sur Saplo contre les alternatives

Hébergement FTP uniquement GitHub Pages Site statique sur Saplo
Téléversement de fichiers FTP uniquement git push uniquement SFTP ou git push, à ton choix
Domaine personnalisé généralement inclus nécessite ta propre configuration DNS sous-domaine *.saploapp.pl gratuit, domaine personnalisé immédiatement disponible
Générateur de site statique (build) tu dois réaliser le build en local puis téléverser le résultat build via GitHub Actions, à configurer toi-même build.command dans saplo.yaml, Saplo réalise le build pour toi
Autres applications en parallèle généralement non non oui, le même Box, une autre application du répertoire

Questions les plus fréquentes

Dois-je utiliser Git pour mettre le site en ligne ? Non, SFTP fonctionne dès l'installation - tu ajoutes la clé publique dans le panneau, puis tu envoies les fichiers avec le client de ton choix.

Un site statique peut-il prendre en charge n'importe quel générateur ? Oui, tant que le build produit des fichiers HTML prêts à l'emploi dans le répertoire indiqué dans build.output. Saplo lance lui-même le processus de build à chaque git push.

Vais-je obtenir SSL et mon propre domaine ? Oui, le certificat SSL est fourni automatiquement, et le domaine ou le sous-domaine *.saploapp.pl est inclus dans le prix de chaque formule.

Combien d'espace occupe une brochure en ligne classique ? Le manifeste de la recette indique un minimum de 1 GB, ce qui laisse largement de la place pour un site avec une galerie de photos en résolution raisonnable.

Puis-je transférer Later le site vers WordPress ou Astro ? Oui, ce sont des applications distinctes issues du même répertoire - tu les installes côte à côte, tu migres le contenu à ton rythme, puis tu supprimes l'ancienne version statique lorsque la nouvelle est prête.

Un site statique sur Saplo est le moyen le plus rapide de passer d'un Box vide à un domaine en ligne - sans build, sans base de données, sans mise à jour de plugins. Si le contenu doit ensuite gagner des fonctions dynamiques, WordPress et Astro t'attendent dans le même répertoire.

  • #Git Deploy
  • #HTML
  • #Guide
  • #Static