Il y a quelques jours, je n'avais pas de site. Aujourd'hui, j'écris cet article sur mon blog, satarcode.com, et la seule chose que j'ai payée, c'est le domaine : 12,28 $ pour la première année. Je ne suis pas développeur de métier, je suis juriste et passionné de code. J'ai donc écrit ce guide exactement comme je l'ai vécu, avec mes erreurs et leurs solutions.
Ce dont vous aurez besoin
- Un nom de domaine : l'adresse que les gens tapent pour vous trouver. J'ai acheté le mien chez Namecheap.
- Un compte Cloudflare gratuit : il gère le domaine, héberge le site et fournit le SSL et l'e-mail.
- Les fichiers du site : des pages HTML prêtes, écrites par vous ou issues d'un modèle.
- Une à deux heures de votre temps.
Étape 1 : acheter le domaine et le sécuriser
J'ai choisi un nom court qui porte l'idée : satar signifie « ligne » en arabe, car chaque programme commence par une seule ligne. Après l'achat, j'ai activé deux options importantes :
- Renouvellement automatique (Auto-Renew) : pour ne pas perdre le domaine si j'oublie la date de renouvellement.
- Protection de la vie privée (Domain Privacy) : pour que mes données personnelles n'apparaissent pas dans les registres publics.
Attention : le prix bas ne concerne généralement que la première année, et le renouvellement coûte plus cher. Vérifiez-le avant d'acheter.
Étape 2 : confier la gestion du domaine à Cloudflare
J'ai ajouté le domaine à mon compte Cloudflare et choisi l'offre gratuite. Cloudflare m'a montré les enregistrements existants : Namecheap en avait ajouté pour sa page « domaine parqué » et pour son service de redirection d'e-mails. Je les ai tous supprimés, car ils seraient entrés en conflit avec le site et l'e-mail par la suite.
Cloudflare m'a ensuite donné deux serveurs de noms (nameservers), que j'ai saisis dans Namecheap sous Custom DNS. L'activation a pris quelques heures chez moi, et peut aller jusqu'à 24 heures.
Étape 3 : héberger le site gratuitement sur Cloudflare Pages
Dans Workers & Pages, j'ai choisi l'envoi direct (glisser-déposer), nommé le projet et envoyé le site sous forme de fichier zip. En quelques secondes, le site était en ligne sur un lien temporaire.
L'erreur que j'ai failli faire : index.html doit se trouver à la racine du zip, pas dans un sous-dossier. Si vous envoyez un dossier dans un dossier, vous obtiendrez une page blanche.
Limites de cette méthode : jusqu'à 1 000 fichiers, de 25 Mo maximum chacun, ce qui est largement suffisant pour un blog qui démarre.
Étape 4 : connecter le domaine et activer le SSL
Dans l'onglet Custom domains du projet, j'ai ajouté satarcode.com, puis www.satarcode.com. Le premier a fonctionné automatiquement ; le second m'a demandé d'ajouter un enregistrement CNAME pointant vers le projet. Quelques minutes plus tard, les deux affichaient Active et le cadenas est apparu : le SSL était activé gratuitement, sans rien faire de plus.
Étape 5 : un e-mail professionnel gratuit sur votre domaine
Je voulais une adresse comme hello@satarcode.com plutôt qu'une adresse Gmail. Avec Email Routing de Cloudflare :
- J'ai activé le service pour le domaine, et Cloudflare a ajouté lui-même les enregistrements e-mail.
- J'ai ajouté ma boîte personnelle et l'ai confirmée via l'e-mail de vérification.
- J'ai créé une adresse
helloqui transfère chaque message vers ma boîte personnelle.
À noter : cette configuration ne fait que recevoir ; répondre depuis la même adresse demande un réglage supplémentaire.
Étape 6 : présenter le site à Google
Dans Google Search Console, j'ai ajouté le domaine, et Google a proposé de le vérifier automatiquement via Cloudflare ; cela a pris une minute. J'ai ensuite envoyé le fichier sitemap.xml qui liste toutes les pages et demandé l'indexation de la page d'accueil et du premier article. Apparaître dans les résultats prend de quelques jours à quelques semaines, ne vous inquiétez donc pas si vous ne trouvez pas votre site tout de suite.
Le coût réel
| Poste | Coût |
|---|---|
| Domaine (première année, avec confidentialité) | 12,28 $ |
| Hébergement sur Cloudflare Pages | Gratuit |
| Certificat SSL | Gratuit |
| E-mail professionnel (réception) | Gratuit |
| Total | 12,28 $ la première année |
Ce que j'ai appris
- Ne vous précipitez pas sur le design. C'est le contenu qui attire les visiteurs ; l'apparence peut s'améliorer plus tard.
- Supprimez les anciens enregistrements quand vous déplacez un domaine : ce sont eux qui causent la plupart des problèmes.
- Lisez chaque écran avant de cliquer sur « OK ». Presque toutes mes erreurs évitées de justesse venaient de la précipitation.
- Je me suis aidé d'outils d'IA pour comprendre les étapes et résoudre les problèmes, et c'est exactement ce que je conseille : utilisez-les pour comprendre, pas pour copier sans comprendre.
En résumé
Créer un blog sur son propre domaine ne demande plus ni développeur ni gros budget. Avec 12 $ et deux heures, vous pouvez commencer aujourd'hui. Si vous bloquez à une étape, écrivez-moi à hello@satarcode.com.
À lire aussi : Comment commencer à apprendre la programmation : une feuille de route pratique