electron-rare/electron-rare.github.io
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
main
electron-rare.github.io/docs/project-master-todos.md
T
Electron Rare Bot fd9026519c chore: restore lead integration docs and ops tooling
2026-03-19 14:37:45 +00:00

8.5 KiB
Raw Permalink Blame History

Master TODO - Electron Rare OVH/Astro

Updated: 2026-03-14 Source of truth: this file for execution priorities, plus docs/README.md and the current code in src/

Scope actif

  • Site Astro publie sur OVH via GitHub Actions FTP.
  • Preview publique sous /preview/, production a la racine.
  • Pages actives: /, /formation/, /mentions-legales/, robots.txt, sitemap.xml.
  • Direction artistique active: white-contrast, claire par defaut, sans bouton de bascule public.
  • Positionnement actif: systemes electroniques specifiques, avec familles visibles electronique, automatisme, energie, stockage et optimisation; pas limite a l'embarque, avec partenaires mobilises quand le projet devient multi-technique.
  • Surface a maintenir: Hero, Approche, Cas concrets, photo strip, video strip, Missions, FAQ, Contact, footer.
  • Endpoint lead production: POST /api/submit-lead (SSR -> Frappe CRM Lead, fallback optionnel CRM_FALLBACK_URL).

Verites de reference

  • Point d'entree documentaire: docs/README.md
  • Structure de page: src/pages/index.astro
  • Header partage: src/components/SiteHeader.astro
  • Sections actives: src/components/sections/Hero.tsx, About.tsx, CaseStudies.tsx, GraphicSprints.tsx, Faq.astro, Contact.astro
  • Theme/layout: src/layouts/BaseLayout.astro, src/styles/global.css, src/styles/home-workbench.css
  • Canonical/base/deploiement: src/lib/site.ts, scripts/build-astro-external.mjs, docs/ovh-ftp-preview-solution-2026-03-14.md
  • Tracking actif: src/lib/tracking.ts + emitters inline dans src/layouts/BaseLayout.astro
  • Endpoint opérationnel lead: src/pages/api/submit-lead.ts + intégration formulaire src/components/sections/Contact.astro.

Etat courant

  • Homepage OVH re-synchronisee dans le repo Astro.
  • Ancienne variante studio/figma sortie du runtime actif.
  • Bouton contraste retire du markup.
  • Theme blanc contraste force par defaut dans le layout source.
  • Reliquats CSS .site-contrast-toggle supprimes du source actif.
  • Build preview local PUBLIC_SITE_URL=/preview/ repasse propre.
  • Validation tracking recalee sur le contrat Astro actif.
  • Workflow OVH enrichi avec verification HTTP publique post-deploiement.
  • Preview OVH publie et valide publiquement via GitHub Actions (23094884980).
  • Production OVH publiee et validee publiquement via GitHub Actions (23095014692).
  • Top bar mobile refondue via header partage + menu compact (a3ccc1c).
  • Preview OVH mis a jour avec la nouvelle top bar mobile et valide publiquement (23095540371).
  • Production OVH republiee avec la nouvelle top bar mobile et validee publiquement via GitHub Actions (23096174775).
  • Hero, about, footer et FAQ recales sur le positionnement systemes electroniques specifiques.
  • Signaux publics disponible, freelance · France, UNSTABLE BY DESIGN et exposition publique du lab retires du site.
  • Preview OVH republie avec le positionnement electronique · automatisme · energie · stockage · optimisation (23098262445).
  • Production OVH republiee avec le meme positionnement (23098335508).
  • https://www.lelectronrare.fr/lab/ et https://www.lelectronrare.fr/preview/lab/ repondent maintenant 404.
  • POST /api/submit-lead actif et pointé vers Frappe CRM Lead en production (electron-rare-site).
  • Le hero blanc utilise maintenant un vrai visuel oscilloscope, avec recadrage et overlays recales pour la DA claire.
  • Preview OVH republie avec le hero oscilloscope recadre et le recadrage memoire/docs (23099694984).
  • Production OVH republiee avec le meme hero oscilloscope (23099760106).
  • docs/README.md cree comme point d'entree et source de verite documentaire.
  • Runbooks et plans legacy les plus confus recales en mode historique ou remplaces par des versions actives.
  • Les gros audits et plans de transition restants sont maintenant bannieres comme historiques pour eviter les faux redemarrages.
  • Les benchmarks, plans Figma, snapshots KPI et backlogs d'assets secondaires sont eux aussi recales comme archives historiques.
  • Les docs historiques sont maintenant deplacees physiquement dans docs/archive/2026-03-legacy-plans/.
  • White-contrast pass verifiee visuellement sur preview.
  • White-contrast pass verifiee visuellement sur production.
  • Confirmer visuellement depuis un navigateur humain que www sert bien la nouvelle home sur tous les points d'acces.
  • Verification technique locale reproduite avec le User-Agent du workflow (electron-rare-gh-verify/1.0) : 200 sur /, /formation/, /mentions-legales/.

P0 - Bloc de sortie immediate

  • Builder le preview avec le theme blanc contraste (PUBLIC_SITE_URL=https://www.lelectronrare.fr/preview/ npm run build:external).
  • Verifier le rendu de la home: top bar mobile, hero, approche, cas clients, missions, FAQ, footer.
  • Verifier les surfaces medias: hero oscilloscope, photo strip, video strip.
  • Verifier la section contact en version claire: tabs, textarea, formulaire, focus clavier, messages d'etat.
  • Verifier /formation/ et /mentions-legales/ avec le meme theme clair.
  • Deployer le preview OVH et valider https://www.lelectronrare.fr/preview/.

P1 - Validation live

  • Deployer la production a la racine avec la top bar mobile modernisee.
  • Republier preview et production avec le nouveau positionnement et suppression effective du repertoire /lab/.
  • Re-verifier en live les routes /, /formation/, /mentions-legales/, /robots.txt, /sitemap.xml via le check public GitHub Actions apres redeploiement.
  • Verifier que https://www.lelectronrare.fr/lab/ ne fait plus partie de la surface publique servie.
  • Verifier l'absence de retour vers l'ancienne homepage ou d'elements sombres residuels.
  • Verifier le cadrage live du hero oscilloscope sur preview et production.
  • Verifier les ancres actives: #a-propos, #graphic-sprints-title, #faq, #contact.
  • Verifier la top bar mobile sur 390px et 768px: une seule ligne visible fermee, CTA Contact direct, menu stable, fermeture sur clic/Escape.
  • Documenter la contrainte de verification locale: curl sans User-Agent specifique retourne 403 sur www depuis cette machine.

P2 - Tracking / SEO

  • Valider GA4 Realtime et DebugView pour les events actuels:
    • cta_hero_contact
    • outbound_linkedin_contact
    • outbound_email_contact
    • outbound_github_contact
  • Verifier les events auto:
    • experiment_variant_exposed
    • engagement_scroll_depth
    • engagement_section_view
    • cwv_metric
  • Re-verifier canonical, OG, Twitter, robots, sitemap et theme-color.
  • Soumettre ou recontroler Search Console sur la base de la prod actuelle OVH.

P3 - Nettoyage et consolidation

  • Supprimer les blocs CSS morts .site-contrast-toggle encore presents dans src/styles/global.css.
  • Mettre en place un point d'entree documentaire actif et reclasser les runbooks les plus critiques.
  • Nettoyer le reste des references legacy a l'interieur meme des archives secondaires quand ce sera utile.
  • Mesurer LCP et budget media de la variante blanche en conditions reelles.
  • Archiver les plans anterieurs devenus purement historiques.

Regles de pilotage

  • Preview d'abord, production ensuite.
  • Toute doc active doit parler du site Astro/OVH actuel, pas d'une ancienne homepage statique.
  • Les ancres de reference sont celles du code actuel, pas #projets.
  • Le theme de reference est clair/white-contrast par defaut.

Deploiement SSR Photon (2026-03-19)

  • Creer un dockerfile multi-stage pour build + runtime serve (production legere).
  • Creer le compose site et la route Traefik associee.
  • Ajouter un .env.example d'exemple pour deploiement et activer FRAPPE_* + PUBLIC_SITE_URL.
    • Route Traefik externe: https://www.lelectronrare.fr et lelectronrare.fr (source réelle: /root/zacus-stack/config/traefik/dynamic/electron-rare-site.yml)
  • Rebuilder/redeployer le service electron-rare-site sur port 4321.
  • Verifier routes: /, /404, /mentions-legales => 200.
  • Ajouter la page mentions-legales et la page 404.
  • Brancher le formulaire de contact vers Frappe CRM en production.

Carte de flux lead (prod)

flowchart LR
  V[Visiteur] -->|Complète formulaire| F[Contact.astro /api/submit-lead]
  F -->|POST JSON| A[src/pages/api/submit-lead]
  A -->|POST| R[Frappe CRM Lead]
  A -->|fallback (si Frappe KO)| C[CRM custom legacy]
  R -->|Lead stocke| D[Dashboard CRM + pipeline]
Reference in New Issue View Git Blame Copy Permalink