tiagobasilio.com — Blog & Portfolio Next.js & Astro
Comment Tedbin a conçu et développé un blog moderne avec Next.js, Astro, React, Tailwind CSS, hébergement optimisé et bases SEO pour un portfolio de développeur.
Voir le site
Présentation du projet
tiagobasilio.com est un blog personnel et portfolio de développeur construit de zéro avec des technologies web modernes. Le projet visait à créer une plateforme rapide, visuellement attrayante et optimisée pour le SEO, pour publier des articles techniques, partager des expériences de projets et présenter un travail professionnel. En partant d'une page blanche, Tedbin a géré l'ensemble du processus — des décisions d'architecture et de structure de contenu à la mise en place de l'hébergement et l'optimisation des performances.
Design & Expérience utilisateur
La philosophie de design s'est centrée sur une lisibilité claire et une navigation sans effort. Nous avons créé une mise en page minimaliste qui met le contenu en premier, avec des choix typographiques réfléchis, des espaces généreux et une palette de couleurs soignée fonctionnant en mode clair et sombre. Le design responsive garantit une expérience de lecture optimale sur tous les appareils. La navigation a été simplifiée aux parcours essentiels : accueil, articles de blog et présentations de projets, avec des transitions fluides et des animations subtiles.
Implémentation technique
Construit avec Next.js, Astro et React, le blog exploite le rendu côté serveur et la génération de sites statiques pour des chargements rapides et d'excellentes performances SEO. Tailwind CSS fournit une approche de style utilitaire qui maintient un design cohérent et maintenable. L'architecture de contenu supporte les articles en markdown avec coloration syntaxique, optimisation d'images et génération automatique de table des matières. L'architecture en îlots d'Astro complète Next.js en envoyant un minimum de JavaScript au client, atteignant des temps de chargement inférieurs à la seconde sur l'ensemble du site.
Hébergement & Infrastructure
Tedbin a mis en place et gère l'infrastructure complète d'hébergement du blog. Cela comprend le provisionnement du serveur, la configuration et le renouvellement automatique du certificat SSL, la gestion DNS et la surveillance continue avec alertes automatisées. Des sauvegardes régulières assurent la sécurité des données, tandis que le pipeline de déploiement permet des mises à jour rapides. L'environnement d'hébergement est optimisé pour les applications Next.js, avec mise en cache en périphérie et distribution CDN.
Résultats SEO & Performance
Le blog a été construit avec le SEO comme préoccupation fondamentale. Chaque page inclut des méta-tags optimisés, des données Open Graph pour le partage social, des balises de données structurées et du HTML sémantique. Le site obtient des scores Lighthouse élevés dans toutes les catégories — performance, accessibilité, bonnes pratiques et SEO. Les Core Web Vitals sont dans les seuils recommandés par Google, avec un Largest Contentful Paint inférieur à 1,5 seconde et un Cumulative Layout Shift proche de zéro.
