2026Full Stack
Portfolio Développeur - Emmanuel Adoum
Portfolio full-stack cinématographique construit avec Next.js 15 et TypeScript, incluant blog, commentaires Firebase, OAuth Google, dashboard admin et UI premium.
Le Défi
- Construire un système de commentaires imbriqués sécurisé avec réponses et mises à jour en temps réel sur une architecture Next.js static-first
- Implémenter OAuth Google avec NextAuth.js sur domaine personnalisé et URI de redirection correctes
- Obtenir une UI cinématique premium (glassmorphism + Framer Motion) tout en gardant d'excellentes performances
La Solution
- Conception d'un modèle Firebase pour commentaires/réponses par article avec documents liés aux utilisateurs.
- Configuration de NextAuth.js avec NEXTAUTH_URL sur le domaine de production et callback URI ajoutée dans Google Cloud Console.
- Utilisation d'animations layout Framer Motion, springs et reveals en cascade pour des interactions fluides sans layout thrash.
Fonctionnalités Clés
- UI cinématographique premium avec animations Framer Motion
- Plateforme de blog complète avec catégories, tags, recherche
- Système de commentaires imbriqués avec Firebase
- Authentification OAuth Google via NextAuth.js
- Dashboard admin pour la gestion du contenu
- Mode sombre/clair automatique
Processus
Phase 01
Construction des sections portfolio: Hero, About, Skills, Projects, Journey, Testimonials, Contact
Phase 02
Développement d'un blog complet avec catégories, tags, recherche et articles liés
Phase 03
Implémentation de l'authentification (email + Google OAuth) avec routes protégées et dashboard admin
Phase 04
Ajout d'un système de commentaires/réponses imbriqués sur Firebase Firestore
Phase 05
Déploiement sur Vercel avec domaine personnalisé emmanueladoum.com