Mettre un site en ligne gratuitement

MODULE 1 · GRATUIT

Ton site en ligne en 10 minutes

Cloudflare Pages héberge gratuitement les sites « statiques », c'est-à-dire faits de fichiers HTML, CSS, JavaScript et d'images, sans base de données. C'est le cas de la plupart des portfolios, des sites vitrines et des pages créées avec une IA. Ton site obtient une adresse en .pages.dev, sécurisée en HTTPS.

1. Préparer ton dossier

La règle la plus importante : la page d'accueil doit s'appeler index.html et se trouver à la racine du dossier, pas dans un sous-dossier.

mon-site/
├── index.html      ← la page d'accueil, obligatoire ici
├── style.css
└── images/
    └── photo.jpg

2. Publier

1. Crée un compte gratuit sur dash.cloudflare.com.
2. Dans le menu, ouvre Workers & Pages, puis Créer, onglet Pages.
3. Choisis Importer des fichiers (envoi direct, sans Git).
4. Donne un nom au projet. Il deviendra l'adresse : nom-du-projet.pages.dev.
5. Glisse ton dossier ou ton ZIP, attends la fin de l'envoi, puis clique sur Déployer le site.

Quelques secondes plus tard, ton site est en ligne. Ouvre l'adresse sur ton téléphone pour vérifier.

3. Mettre à jour ton site

Dans ton projet Cloudflare, clique sur Créer un déploiement et renvoie le dossier complet. La nouvelle version remplace l'ancienne à la même adresse. Si tu vois encore l'ancienne, recharge la page avec Ctrl+F5.

Les limites à connaître

• 25 Mo maximum par fichier : une vidéo lourde ne passera pas, compresse-la ou héberge-la ailleurs.
• 20 000 fichiers maximum par site, ce qui suffit largement pour un portfolio.
• Pas de base de données ni de code serveur classique : pour un formulaire ou des comptes, il faudra autre chose (vu plus tard).

Avant de passer au module 2

• Mon index.html est à la racine du dossier
• J'ai créé mon compte Cloudflare
• Mon site est en ligne en .pages.dev
• Je l'ai ouvert sur mon téléphone
• J'ai testé une mise à jour avec Créer un déploiement