Chapitre 9 — Mettre en ligne simplement

Publier le magasin consiste à déposer exactement les mêmes fichiers que sur votre ordinateur chez un hébergeur statique (qui sert des pages “telles quelles”).

Arborescence à conserver

/ (racine du site)
├─ index.html
├─ manifest.json
├─ /pdfs   /images   /videos   /zips   /thumbs  … (vos fichiers)

Gardez index.html et manifest.json au même niveau (racine).

Option A — GitHub Pages (gratuit)

1. Créez un dépôt avec ces fichiers et dossiers.
2. Dans les paramètres du dépôt : “Pages” → Source = main / (root).
3. Attendez le lien public (quelques minutes) et ouvrez-le.
4. Vérifiez que la liste s’affiche, testez recherche/filtres.

Option B — Netlify (gratuit à l’usage simple)

1. Créez un site “Deploy a site” → Upload folder.
2. Glissez le dossier racine contenant index.html et manifest.json.
3. Netlify vous donne une URL publique. Testez.

Tester rapidement

• Ouvrez l’URL publique : le catalogue doit apparaître.
• Essayez 2–3 cartes (aperçu, téléchargement).

Astuce

Si vous renommez des dossiers (ex. pdfs → docs), adaptez tous les chemins url et thumb dans manifest.json.

Erreur fréquente

La page s’ouvre mais la liste reste vide ? Souvent :

• manifest.json pas à la racine (déplacé par erreur).
• Chemin des fichiers faux (./pdfs/… inexistant).
• Manifest invalide (virgule/guillemet manquant).

Corrigez, re-déployez et rafraîchissez la page.

À retenir

• Un hébergeur statique suffit.- Conservez la même arborescence qu’en local.- En cas de liste vide : chemins/manifest à vérifier.