domain-dns-setup

Version : 1.0 — Juin 2026 Scope : Tout projet Gentle Designs servi sur un domaine personnalisé Objectif : Relier un nom de domaine à un hébergement (Vercel par défaut), de l'achat au HTTPS

Chaîne canonique

Conforme à [[stack-registry]] (couche Infrastructure) :

[!note] Pourquoi séparer registrar et DNS On peut acheter chez Namecheap et déléguer le DNS à Cloudflare (nameservers Cloudflare) pour bénéficier du CDN, du cache et de la protection DDoS gratuits. Sinon, gérer le DNS directement chez le registrar fonctionne aussi.

Procédure (domaine → Vercel)

1. Acheter le nom de domaine

• Vérifier la disponibilité chez le registrar (Namecheap), puis acheter (compte + paiement).

2. Ajouter le domaine dans Vercel

• Projet déployé → Settings → Domains → Add → saisir le domaine.
• Vercel affiche les enregistrements DNS à créer.

3. Configurer les enregistrements DNS (chez Cloudflare ou le registrar)

• Sous-domaine (www) → enregistrement CNAME vers la cible fournie par Vercel (cname.vercel-dns.com).
• Domaine racine (exemple.com) → enregistrement A vers l'IP fournie par Vercel, ou ALIAS/ANAME si le fournisseur le permet.
• Si DNS délégué à Cloudflare : mettre l'enregistrement en DNS only (nuage gris) le temps que Vercel émette le certificat, puis repasser en proxy si souhaité.

4. Vérifier

• Propagation : quelques minutes à quelques heures.
• HTTPS : Vercel provisionne le certificat SSL automatiquement une fois le DNS correct.

Variante : hébergement Render

Même logique, cibles différentes : Settings → Custom Domains → Add dans Render, puis CNAME (sous-domaine) / A (racine) vers les valeurs indiquées par Render. SSL géré par Render. À n'utiliser que pour un backend non-Next.js (cf. [[stack-registry]] : Render convient aux apps Python/Rust).

Source : procédure consolidée (juin 2026). Le défaut reste Vercel pour tout projet Next.js.