docs(02): capture phase context

.planning/phases/02-ssr-shell/02-DISCUSSION-LOG.md

@@ -0,0 +1,166 @@
+# Phase 2: SSR Shell - Discussion Log
+
+> **Audit trail only.** Do not use as input to planning, research, or execution agents.
+> Decisions are captured in CONTEXT.md — this log preserves the alternatives considered.
+
+**Date:** 2026-04-08
+**Phase:** 02-ssr-shell
+**Areas discussed:** Header & navigation, Footer, i18n SSR, SEO & métadonnées, Thème dark/light, Layout global, Sitemap & hreflang, Design system
+
+---
+
+## Header & Navigation
+
+### Navigation desktop
+
+| Option | Description | Selected |
+|--------|-------------|----------|
+| Barre horizontale | Logo gauche, liens droite, toggles extrémité droite. Pattern portfolio classique. | ✓ |
+| Centré avec logo | Logo centré, liens de chaque côté. Style plus créatif. | |
+
+**User's choice:** Barre horizontale
+**Notes:** Aucune
+
+### Switch de langue
+
+| Option | Description | Selected |
+|--------|-------------|----------|
+| Code texte FR/EN | Bouton toggle simple affichant le code langue | ✓ |
+| Dropdown sélecteur | USelect avec liste des langues | |
+| Drapeaux | Icônes drapeau cliquables | |
+
+**User's choice:** Code texte FR/EN
+**Notes:** Aucune
+
+### Navigation mobile
+
+| Option | Description | Selected |
+|--------|-------------|----------|
+| UDrawer latéral | Hamburger → drawer glissant avec liens + toggles | ✓ |
+| Menu plein écran | Overlay plein écran, liens centrés en grand | |
+
+**User's choice:** UDrawer latéral
+**Notes:** Aucune
+
+### Header sticky
+
+| Option | Description | Selected |
+|--------|-------------|----------|
+| Sticky permanent | Header fixe en haut pendant le scroll | ✓ |
+| Sticky hide/show | Disparaît au scroll bas, réapparaît au scroll haut | |
+| Statique | Défile avec la page | |
+
+**User's choice:** Sticky permanent
+**Notes:** Aucune
+
+---
+
+## Footer
+
+| Option | Description | Selected |
+|--------|-------------|----------|
+| Minimaliste | Une bande : copyright + icônes réseaux sociaux | ✓ |
+| Multi-colonnes | Colonnes Navigation, Contact, Social | |
+
+**User's choice:** Minimaliste
+**Notes:** Aucune
+
+---
+
+## i18n SSR
+
+| Option | Description | Selected |
+|--------|-------------|----------|
+| Enrichir fichiers existants | Ajouter clés nav/footer/SEO dans fr.json et en.json | ✓ |
+| Fichiers séparés par domaine | nav.json, footer.json, seo.json par langue | |
+
+**User's choice:** Enrichir fichiers existants
+**Notes:** Aucune
+
+---
+
+## SEO & métadonnées
+
+### JSON-LD
+
+| Option | Description | Selected |
+|--------|-------------|----------|
+| Person + ProfessionalService | Double schéma pour Knowledge Panel | ✓ |
+| Person seul | Schéma simple | |
+
+**User's choice:** Person + ProfessionalService
+**Notes:** Aucune
+
+### og:image
+
+| Option | Description | Selected |
+|--------|-------------|----------|
+| Image statique unique | Une og:image générique dans public/ | |
+| Image par page | Différentes og:image manuelles | |
+| Génération dynamique (v2) | Via nuxt-og-image | ✓ |
+
+**User's choice:** Génération dynamique via nuxt-og-image
+**Notes:** Initialement prévu SEOV2-01, l'utilisateur a choisi de l'avancer à Phase 2
+
+---
+
+## Thème dark/light
+
+| Option | Description | Selected |
+|--------|-------------|----------|
+| Dark | Thème sombre par défaut, cohérent avec l'ancien site | ✓ |
+| Préférence système | Détecte prefers-color-scheme | |
+| Light | Thème clair par défaut | |
+
+**User's choice:** Dark
+**Notes:** Aucune
+
+---
+
+## Layout global
+
+| Option | Description | Selected |
+|--------|-------------|----------|
+| max-w-7xl / 1280px | Standard Tailwind, bon équilibre | ✓ |
+| max-w-6xl / 1152px | Plus resserré | |
+| Pleine largeur | Pas de max-width | |
+
+**User's choice:** max-w-7xl / 1280px
+**Notes:** Aucune
+
+---
+
+## Sitemap & hreflang
+
+| Option | Description | Selected |
+|--------|-------------|----------|
+| Tout inclure sauf 404 | Toutes pages publiques + hreflang auto | ✓ |
+| Exclure Fiverr/Formation | Pages secondaires exclues | |
+
+**User's choice:** Tout inclure sauf 404
+**Notes:** Aucune
+
+---
+
+## Design system
+
+| Option | Description | Selected |
+|--------|-------------|----------|
+| Bleu/Indigo | Classique tech/dev | |
+| Vert/Émeraude | Plus original | |
+| Conserver couleurs actuelles | Reprendre palette du site Vue 3 | ✓ (adapté) |
+
+**User's choice:** Garder la couleur primaire (#85cb85 vert menthe) et adapter les secondaires
+**Notes:** L'utilisateur a fourni un guide complet sur la théorie des couleurs : règle 60-30-10, contraste WCAG 4.5:1, palette 3-5 couleurs max, schémas harmonieux, tester en niveaux de gris.
+
+---
+
+## Claude's Discretion
+
+- Icônes toggle thème (soleil/lune)
+- Animation/transition du toggle thème
+- Espacement et padding internes du layout
+
+## Deferred Ideas
+
+Aucune — la discussion est restée dans le scope de la phase.