Portfolio Développeur Multilingue & CMS de Blog (ce site web)

Présentation

Une plateforme de portfolio et de blog prête pour la production, construite sur l’architecture moderne de Next.js 16 App Router.

Le projet combine un site public inspiré de l’expérience utilisateur d’Airbnb avec un CMS d’administration complet, conçu pour être facilement réutilisable et personnalisable.

Site en ligne : https://hwanhoon.kim

Fonctionnalités principales

• Portfolio multipage utilisant les Parallel Routes et Intercepting Routes de Next.js

  • Ouverture des projets dans une fenêtre modale au-dessus de la grille
  • Conservation d’URL réelles, partageables et indexables par les moteurs de recherche

• Galerie d’images avancée

  • Lightbox complète
  • Zoom
  • Plein écran
  • Diaporama
  • Miniatures
  • Navigation clavier et tactile
  • Optimisation via next/image

• Blog Markdown et Tiptap

  • Images de couverture
  • Système de tags
  • Pagination
  • Sauvegarde automatique des brouillons dans localStorage

• CMS d’administration (/admin)

  • Gestion des projets
  • Gestion des articles
  • Bibliothèque d’images
  • Protection via Clerk et liste blanche d’adresses e-mail

• Internationalisation (français, anglais, coréen)

  • Basée sur next-intl
  • Contenu stocké par langue dans PostgreSQL
  • Repli automatique vers l’anglais
  • Ajout simplifié de nouvelles langues

• Optimisation SEO intégrée

  • Métadonnées par page
  • Balises hreflang
  • Sitemap
  • Robots.txt
  • Open Graph
  • Données structurées JSON-LD

• Gestion des médias avec Cloudflare R2

• Thèmes clair, sombre et système

• Accessibilité intégrée (ARIA, Skip Links, Semantic Landmarks)

Architecture et points techniques

• Sécurité de typage de bout en bout avec TypeScript
• Couche de données basée sur Drizzle ORM
• Validation des entrées avec Zod
• CRUD administratifs implémentés avec Server Actions
• Utilisation prioritaire des React Server Components
• Client Components uniquement pour les interactions utilisateur
• Schéma relationnel optimisé pour le contenu multilingue
• Compilation avec Turbopack
• Qualité de code assurée par Biome

Résultat

Le projet dépasse le cadre d’un simple portfolio personnel pour devenir une plateforme CMS réutilisable permettant de gérer un portfolio multilingue, un blog et une bibliothèque média. Il met en avant une maîtrise approfondie de Next.js moderne, de l’internationalisation, du SEO, du stockage cloud et de la gestion de données fortement typée.