Design de portfolio
Portfolio personnel
Ce portfolio a été entièrement conçu et développé par moi, sans utiliser de template générique. Il reflète ma créativité et mon identité. Réalisé avec React, Next.js et TypeScript, et déployé sur Vercel, il met en avant mes projets, mon parcours et mes compétences. Une intégration avec Nodemailer permet également un contact direct via le formulaire.
Contexte
Problème
Besoin d'un portfolio unique reflétant ma créativité
Mon rôle
Design & développement complet
Résultat
Score Lighthouse 100, SEO optimisé, bilingue FR/EN
En chiffres
Architecture
Next.js 15 avec App Router pour le SSR et SSG
Tailwind CSS pour un design responsive et moderne
Framer Motion pour les animations fluides
TypeScript pour la sécurité du code
Optimisation SEO avec next-sitemap
Déploiement sur Vercel avec CI/CD automatique
Fonctionnalités
Design unique et moderne créé sur Figma
Animations fluides avec Framer Motion
Formulaire de contact fonctionnel avec Nodemailer
SEO optimisé avec Next.js 15
Performance optimale (score 100 Lighthouse)
Thème de Noël saisonnier avec effets visuels
Support multilingue (FR/EN)
Déploiement automatique sur Vercel
Implémentation technique
Sections
Hook React qui active automatiquement les décorations de Noël selon la période de l'année
| 1 | export const useChristmasTheme = () => { |
| 2 | const [isChristmas, setIsChristmas] = useState(false); |
| 3 | |
| 4 | useEffect(() => { |
| 5 | const now = new Date(); |
| 6 | const year = now.getFullYear(); |
| 7 | const startDate = new Date(year, 11, 12); // Dec 12 |
| 8 | const endDate = new Date(year + 1, 0, 3); // Jan 3 |
| 9 | |
| 10 | setIsChristmas(now >= startDate && now <= endDate); |
| 11 | }, []); |
| 12 | |
| 13 | return isChristmas; |
| 14 | }; |