Hébergement gratuit pour sites web

Limites des solutions gratuites pour les sites dynamiques

À ce jour, il n'existe pas d'offre fiable et gratuite pour héberger un site dynamique (utilisant une base de données comme MySQL, PostgreSQL, etc., ou un backend en PHP, Node.js, Python, etc.).

Les solutions gratuites se limitent généralement à :

Des bases de données très restreintes (ex : SQLite avec des limites strictes).
Des services freemium (gratuit avec des quotas très bas, puis payant).
Des plateformes éducatives (comme Heroku avant sa suppression du plan gratuit) ou des offres temporaires.

Si le projet nécessite une base de données ou un traitement côté serveur, une solution payante (même low-cost) sera indispensable pour garantir stabilité et performances.

Hébergement gratuit pour sites statiques

En revanche, les sites statiques (HTML, CSS, JavaScript, sans base de données) bénéficient de nombreuses solutions gratuites, performantes et modernes. Voici les principales options :

A. Hébergement traditionnel (FTP/sFTP)

Certains registrars (comme OVH, Gandi, ou Namecheap) proposent un hébergement basique gratuit avec l’achat d’un nom de domaine.

Avantages :
- Configuration simple (upload via FTP/sFTP).
- Nom de domaine personnalisé inclus.
Inconvénients :
- Espace de stockage très limité (souvent < 1 Go).
- Pas de versionning (historique des modifications).
- Méthode obsolète : nécessite un client FTP (FileZilla, Cyberduck...) et manque de fonctionnalités modernes (CI/CD, prévisualisation, etc.).

INFO

Ce type d'hébergement gratuit est particulièrement adapté pour développer des outils légers en PHP. Par exemple :

Création d'une mini-API pour traiter les données d'un formulaire et les envoyer par email
Développement d'un système de prise de rendez-vous automatisé

Cependant, les ressources étant limitées, il est conseillé de privilégier des solutions minimalistes et optimisées.

B. Plateformes Git (GitLab Pages, GitHub Pages, etc.)

Les plateformes de développement collaboratif comme GitLab.com ou GitHub.com offrent un hébergement gratuit pour sites statiques, directement lié à un dépôt Git.

Fonctionnement :
1. Pousser le code (HTML/CSS/JS) sur un dépôt Git.
2. La plateforme génère automatiquement une URL (ex : utilisateur.github.io).
3. Optionnel : lier un nom de domaine personnalisé (ex : monsite.com) via les paramètres DNS.
Avantages :
- Gratuit sans limite de temps.
- Intégration native avec Git : versionning, branches, collaborations.
- Automatisation possible (CI/CD pour déployer à chaque commit).
- Performances : CDN intégré (chargement rapide partout dans le monde).
- Sécurité : HTTPS activé par défaut.
Exemples de plateformes :
- GitHub Pages (idéal pour projets open-source).
- GitLab Pages (plus flexible, permet des pipelines CI/CD avancés).
- Netlify Drop (glisser-déposer pour un déploiement instantané).

Comment choisir ?

Besoin	Solution recommandée	Coût
Site statique simple	GitHub Pages / GitLab Pages	Gratuit
Site statique + CI/CD	Netlify / Vercel	Gratuit
Site dynamique (base de données)	Hébergement payant (ex : OVH, DigitalOcean)	~3–10€/mois

Étapes pour héberger un site statique sur GitLab

Créer un dépôt Git sur GitLab.com.
Ajouter les fichiers (index.html, style.css, etc.) et pousser le code.
Activer les Pages : Créer un fichier .gitlab-ci.yml avec une configuration basique pour les Pages.
Personnaliser le domaine (optionnel) : Configurer les enregistrements DNS (un CNAME ou A pointant vers l’URL du site).
Déployer : Le site sera accessible en quelques minutes.

Exemple de configuration pour GitLab Pages

Générer un site statique avec VitePress

VitePress est un générateur de site statique basé sur Vite et Vue.js, idéal pour créer des documentations ou des blogs. Voici comment l'utiliser avec GitLab Pages :

Initialiser un projet VitePress :
bash
```
npm create vitepress@latest
```
Suivre les instructions pour configurer le projet.

Structure typique :

mon-projet/
├── docs/          # Contenu Markdown
│   ├── .vitepress/
│   │   └── config.js  # Configuration de VitePress
│   └── index.md    # Page d'accueil
├── package.json
└── ...

Configurer config.js (exemple basique) :

javascript

export default {
  title: "Mon Site",
  description: "Un site statique avec VitePress",
  themeConfig: {
    nav: [{ text: "Accueil", link: "/" }],
  },
};

Script de build : Ajouter dans package.json :

json

{
  "scripts": {
    "build": "vitepress build docs",
    "preview": "vitepress preview"
  }
}

Configuration pour GitLab Pages

yaml

image: node:20.11-alpine # Image Docker avec laquelle la CI va travailler
before_script:
  - apk add git
pages:
  cache:
    paths:
      # Ne pas nécessairement télécharger à chaque fois les dépendances Node
      - node_modules/
  # Ces instructions sont basées sur un projet de type VitePress
  script:
    # Installe les dépendances Node
    - npm install
    # Lance le processus de construction du site qui sera publié dans le répertoire build
    - npm run build
  artifacts:
    paths:
      # Le site sera placé dans le répertoire docs/.vitepress/dist puis sera publié
      - docs/.vitepress/dist
  rules:
    # Permet de lancer une publication uniquement si la branche par défaut est mise à jour
    - if: $CI_COMMIT_REF_NAME == $CI_DEFAULT_BRANCH

Configuration pour le nom de domaine

La configuration pour lier un nom de domaine à GitLab Pages est clairement expliquée dans la documentation officielle de la plateforme.

Conclusion

L'hébergement gratuit de sites web dépend principalement de la nature du projet :

Pour les sites dynamiques (avec base de données ou backend), les solutions gratuites sont quasi inexistantes ou trop limitées. Un hébergement payant (même low-cost) reste la meilleure option pour garantir stabilité et évolutivité.
Pour les sites statiques, les plateformes modernes comme GitHub Pages, GitLab Pages, ou Netlify offrent des solutions gratuites, performantes et intégrées avec des outils de développement (Git, CI/CD, CDN).

En privilégiant les sites statiques et les outils modernes (comme VitePress ou Hugo), il est possible de bénéficier d’un hébergement gratuit, sécurisé et scalable, adapté aux projets personnels, aux documentations ou aux blogs. Pour des besoins plus avancés (bases de données, API), une solution payante sera nécessaire, mais les coûts restent accessibles (à partir de 3–5 €/mois).

Hébergement gratuit pour sites web ​

Limites des solutions gratuites pour les sites dynamiques ​

Hébergement gratuit pour sites statiques ​

A. Hébergement traditionnel (FTP/sFTP) ​

B. Plateformes Git (GitLab Pages, GitHub Pages, etc.) ​

Comment choisir ? ​

Étapes pour héberger un site statique sur GitLab ​

Exemple de configuration pour GitLab Pages ​

Générer un site statique avec VitePress ​

Configuration pour GitLab Pages ​

Configuration pour le nom de domaine ​

Conclusion ​