Rinkhimera Portfolio.
Un portfolio développeur et blog hybride avec des articles MDX, des statistiques de code WakaTime, un tableau de bord GitHub, un livre d'or avec authentification OAuth et un design sombre inspiré de l'anime.
Aperçu
Rinkhimera Portfolio est un portfolio développeur personnel et blog construit avec Next.js 14 et Tailwind CSS. Au-delà d'un portfolio traditionnel, il intègre un système de blog complet propulsé par Contentlayer et MDX avec coloration syntaxique via Shiki, un tableau de bord d'activité de code en temps réel tirant ses statistiques de l'API WakaTime, et un livre d'or où les visiteurs peuvent se connecter via GitHub ou Google avec NextAuth et laisser des messages stockés dans une base PostgreSQL Neon via Prisma. Le site arbore un thème sombre avec des visuels inspirés de l'anime, des cartes animées et une grille de tableau de bord affichant les statistiques GitHub, les heures de code hebdomadaires et la répartition des langages.
Fonctionnalités clés
- 01Blog MDX avec coloration syntaxique, support GFM et titres auto-liés via Contentlayer
- 02Tableau de bord d'activité de code en temps réel avec intégration de l'API WakaTime
- 03Affichage des statistiques GitHub montrant les dépôts, étoiles et abonnés
- 04Livre d'or avec authentification OAuth (GitHub & Google) via NextAuth et Prisma
- 05Design sombre inspiré de l'anime avec grille de cartes animées
Points techniques
- Intégration de l'API WakaTime avec mise en cache côté serveur pour des statistiques de code en temps réel sans limitation de débit
- Pipeline MDX complet avec Contentlayer, plugins rehype et Shiki pour du contenu de blog riche
- Implémentation de NextAuth avec adaptateur Prisma pour une authentification OAuth multi-fournisseurs supportant la persistance du livre d'or