Portfolio Next.js
Next.jsReactTypeScriptTailwindCSSFramer Motion
À propos du projet
Portfolio personnel développé avec Next.js, TailwindCSS et Framer Motion. Un site web moderne et responsive mettant en valeur mes compétences et projets.
Objectifs
- Créer une vitrine professionnelle moderne et interactive
- Démontrer mes compétences en développement front-end
- Offrir une expérience utilisateur fluide et agréable
- Optimiser les performances et le référencement
Défis techniques
- Mise en place d'animations fluides et performantes
- Optimisation du chargement des images et des ressources
- Création d'un design responsive adapté à tous les écrans
- Intégration de l'API Spotify pour afficher la musique en cours
Fonctionnalités principales
- Design moderne avec thème sombre
- Animations fluides avec Framer Motion
- Intégration des repositories GitHub
- Formulaire de contact fonctionnel
- Affichage en temps réel de Spotify
Mise en œuvre
Le portfolio a été développé avec Next.js 13 en utilisant l'App Router pour une navigation optimale. Le style est géré avec TailwindCSS pour une maintenance facile et une cohérence visuelle. Les animations sont réalisées avec Framer Motion pour une expérience utilisateur fluide et moderne. L'intégration avec l'API GitHub permet d'afficher automatiquement mes derniers projets, tandis que l'API Spotify ajoute une touche personnelle en montrant ma musique en cours d'écoute.