Portfolio personnel
Le Projet
Description du projet :
J'ai suivi une direction simple pour mon portfolio, synthétiser l'ensemble des compétences apprises durant mon parcours de formation sur un seul et même projet.
Le site a été entièrement conçu avec le framework Astro pour profiter des avantages du rendu statique (SSG) tout en intégrant des parties dynamiques grâce à React en "ilôts".
J'ai mis un point d'honneur à respecter les bonnes pratiques d'accessibilité, d'optimisation des performances, de responsive design et de SEO. Ceci étant vérifiable avec Google PageSpeed et mettant en avant les compétences Frontend.
J'ai également mis en place un backoffice personnel sécurisé avec un accès "admin", une base de données distante (Turso) et une API REST mettant en avant les compétences Backend.
Problématiques rencontrées et solutions apportées:
Certaines pages devaient avoir un rendu dynamique, notamment les pages projets tout en étant optimisées pour le SEO, React étant hydraté côté client ce n'était pas adéquat, j'ai donc décidé de mettre en place un rendu hybride SSG et SSR. Les pages dynamiques rendues côté serveur et les pages statiques directement en page HTML avec des composants React pour les parties dynamiques où le SEO n'est pas important.
J'ai également eu des problèmes de performances en version mobile, certains éléments comme les polices via google font et les icônes via fontawesome rendaient le chargement long, j'ai donc opté pour le chargement des fonts et des icônes SVG en local car je n'en utilisais finalement que très peu, ce qui a drastiquement augmenté les performances.
Compétences développées:
- Création d'un site avec Astro en mode SSG / SSR
- Intégration d'un système d'upload en remote avec Cloudinary
- Responsive Design avec Tailwind CSS
- Déploiement et gestion des variables d'environnement sur Vercel
- Mise en place d'un Backoffice SPA
