Cinquième étape du projet pratique : transformez vos adresses temporaires en une marque professionnelle. Associez votre nom de domaine personnalisé (ex: learnweb.com) à votre frontend sur Vercel et configurez un sous-domaine dédié pour votre API.
Remplacement des URLs .vercel.app et .onrender.com par votre propre marque (learnweb.com).
Délégation du sous-domaine www ou racine vers l'infrastructure CDN de l'hébergeur.
Pointage direct vers les adresses IP Anycast mondiales (76.76.21.21 pour Vercel).
Vérification en temps réel de la propagation mondiale des enregistrements via whatsmydns.net.
; Zone DNS de production chez votre Registrar (Cloudflare, OVH ou Namecheap) : $TTL 300 ; TTL court de 5 minutes pour propagation rapide ; 1. Domaine principal (Apex) pointant vers le Frontend Vercel : @ IN A 76.76.21.21 ; 2. Sous-domaine www pointant vers Vercel : www IN CNAME cname.vercel-dns.com. ; 3. Sous-domaine de l'API pointant vers le serveur backend (Render ou VPS) : api IN CNAME mon-api.onrender.com. ; (Ou enregistrement A direct vers l'IP de votre VPS : api IN A 198.51.100.42) # Vérifier la résolution mondiale en ligne de commande : $ dig +short learnweb.com 76.76.21.21 $ dig +short api.learnweb.com mon-api.onrender.com. 216.24.57.1
learnweb.com et cochez l'option recommandée « Redirect learnweb.com to www.learnweb.com ».A et un CNAME). En attribuant www.learnweb.com au frontend et api.learnweb.com au backend, vous pouvez migrer votre backend d'un hébergeur à un autre (ex: passer de Render à un VPS dédié ou à AWS) sans jamais toucher au frontend : il suffit de mettre à jour un enregistrement DNS !
| Nom d'Enregistrement | Type DNS | Cible / Valeur | Rôle Applicatif |
|---|---|---|---|
| @ (Domaine racine) | A | 76.76.21.21 | Redirige learnweb.com vers le frontend CDN |
| www | CNAME | cname.vercel-dns.com. | Héberge le site web principal accessible aux internautes |
| api | CNAME ou A | mon-api.onrender.com (ou IP VPS) | Point d'accès sécurisé pour toutes les requêtes REST |
| status | CNAME | stats.uptimerobot.com. | Page de statut de disponibilité publique indépendante |