Maison >interface Web >js tutoriel >Comme il a été facile de déployer mon site de portfolio nextjs
Ces derniers jours, j'ai eu le plaisir de lancer mon site de portfolio personnel pour partager mes connaissances et bâtir une forte présence en ligne. Après des recherches, j'ai découvert que Namecheap proposait un domaine à un prix incroyablement abordable (seulement 2,99 $ la première année avec une réduction), je l'ai donc rapidement sécurisé. Ensuite, j’ai débattu de l’opportunité d’investir dans l’hébergement ou de tirer parti du niveau gratuit de Vercel pour le déploiement. Finalement, j'ai choisi d'héberger mon application Next.js sur Vercel, ce qui s'est avéré être une excellente décision. Dans cet article, je vais vous guider tout au long du processus et partager mon expérience.
Étape 1 : Configuration du domaine sur Namecheap
Après avoir enregistré mon domaine via Namecheap, l'étape suivante consistait à le configurer pour qu'il fonctionne avec Vercel.
Étape 2 : Choisir Vercel comme solution d'hébergement
Connecté à mon compte Vercel.
J'ai connecté mon référentiel GitHub où mon site de portfolio était stocké.
Déployé l'application en un seul clic.
Étape 3 : Configuration des serveurs de noms sur Namecheap
Accédez à l'onglet Liste de domaines dans Namecheap et cliquez sur Gérer.
Sélectionnez DNS personnalisé et ajoutez les serveurs de noms Vercels ns1.vercel-dns.com et ns2.vercel-dns.com
Enregistrez et attendez la propagation DNS.
Étape 4 : Connecter le domaine à Vercel
Accédez à votre projet sur Vercel et cliquez sur Paramètres.
Sous Domaines, ajoutez votre domaine personnalisé (par exemple, anwarhossain.me).
Vercel vérifiera le domaine automatiquement et SSL est configuré gratuitement.
Conclusion
En quelques étapes simples, j'ai déployé avec succès mon site de portefeuille Next.js sur Vercel et configuré mon domaine Namecheap pour qu'il fonctionne de manière transparente. Cette combinaison de Namecheap et Vercel offre une solution économique pour les développeurs cherchant à héberger leurs projets avec un minimum d'effort.
Si vous souhaitez en savoir plus sur mes idées. Visite,
mon site portfolio -> anwarhossain.me
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!