Le contexte
Ce portfolio a été conçu pour être pratique et flexible avant tout. L'objectif n'est pas une architecture parfaite, mais un outil simple qui me permet de charger facilement mes projets en TypeScript.
Dans mon cas, j'ai créé des objets TypeScript dans un fichier qui sont faciles et rapides à mettre à jour via mes outils de développement.
J'ai délibérément choisi la simplicité : GitHub + Vercel avec déploiement automatique via push sur main. J'aurais pu opter pour un VPS avec Docker, un hébergement mutualisé, une automatisation CI/CD avec les GitHub Actions et déploiement continu sur un VPS ou des opérateurs cloud comme AWS, Google Cloud ou encore Azure, mais la solution la plus pratique et rapide était de mise.
Mes réalisations :
- Stack technique choisi:
- Next.js 14 avec App Router pour le rendu côté serveur
- Internationalisation avec next-intl : gestion multilingue (FR, EN, ES) avec routing basé sur les locales
- TypeScript : choix pour la flexibilité et la facilité de gestion des projets
- Tailwind CSS pour un styling rapide et cohérent
- Accessibilité et UX:
- Mise en place de skip links pour améliorer la navigation au clavier
- Breadcrumbs pour améliorer la navigation et le SEO
- ARIA labels et rôles sémantiques pour les lecteurs d'écran
- SEO et Performance:
- Métadonnées dynamiques avec generateMetadata pour chaque page et projet
- Optimisation des images avec next/image
- Sitemap généré automatiquement pour améliorer l'indexation
- Headers de sécurité configurés
- Philosophie du projet:
- Pratique avant tout : facilité de chargement des projets en TypeScript
- Déploiement automatisé : GitHub + Vercel avec push sur main
- Choix délibéré de simplicité plutôt que complexité technique inutile
