Direction éditoriale Cosmos

Tutoriels publiés (100)

• LABELS ERREURS ET

  

  Intermédiaire

  AccessibilitéFigmaCursor

  Formulaires accessibles : labels aria-live

  Rendez vos formulaires web conformes RGAA : labels visibles, erreurs annoncées, aria-live. De Figma à React avec Cursor pour PO, design et développement.

  Intermédiaire · 4 min

• ANALYSE CONCURRENCE SEO

  

  Intermédiaire

  IASEO / GEOChatGPT

  ChatGPT : analyse concurrents SEO

  Analyse concurrentielle SEO avec ChatGPT : SERP, angles éditoriaux et gaps sémantiques. Méthode pour consultants SEO et PO contenu, sans promesse de position.

  Intermédiaire · 4 min

• INSTRUCTIONS CHATGPT PO

  

  Débutant

  IAPO / PMChatGPT

  ChatGPT : instructions PO et PM

  Rédigez des custom instructions ChatGPT pour PO et PM : cadrage, user stories, comptes rendus. Ton B2B, formats livrables et garde-fous projet web en agence.

  Débutant · 3 min

• FORMATION ÉDITEUR CLIENT

  

  Débutant

  IACMSChatGPT

  ChatGPT : formation éditeur client

  Formation éditeur client avec ChatGPT : trames CMS, quiz, fiches mémo et exercices staging. Passation structurée pour marketing et PO en agence web B2B.

  Débutant · 3 min

• GPTS INTERNES CHATGPT

  

  Débutant

  IAChatGPT

  ChatGPT : GPTs internes pour l’agence

  Créez des GPTs ChatGPT partagés en agence : briefs, recette et handover. Cadre, gouvernance et modèles réutilisables pour PO, PM et équipes projet web.

  Débutant · 3 min

• VÉRIFIER SOURCES CHATGPT

  

  Avancé

  IASécuritéChatGPT

  ChatGPT : vérifier sources et faits

  Hallucinations ChatGPT : vérification sources, citations obligatoires et recoupement doc officielle. Protocole agence pour livrables client et specs sensibles.

  Avancé · 4 min

• AUTOMATISATIONS LÉGÈRES CHATGPT

  

  Intermédiaire

  IACodeChatGPTMake

  ChatGPT et Make : automatisation légère

  ChatGPT et Make : automatiser tri de leads, résumés formulaire et brouillons Slack. Patterns no-code pour dev et PO agence web, avec garde-fous RGPD et logs.

  Intermédiaire · 4 min

• SCRIPTS RECETTE MÉTIER

  

  Intermédiaire

  IACodeChatGPT

  ChatGPT : scripts recette métier

  Scripts recette métier ChatGPT pour projets web : Playwright, scénarios API et jeux de données. Brouillon accéléré avec relecture dev avant intégration CI.

  Intermédiaire · 4 min

• STRUCTURER UNE BASE

  

  Débutant

  DesignPO / PMAirtable

  Airtable : base suivi missions agence

  Modélisez une base Airtable missions : clients, projets, jalons et KPI. Tables liées, vues filtrées et sync Make sans doublon pour PM et direction d’agence.

  Débutant · 4 min

• MODÉLISER UN CATALOGUE

  

  Intermédiaire

  E-commerceAirtable

  Airtable : catalogue produits e-commerce

  Structurez SKU, variantes, stocks, médias et SEO produit dans Airtable avant sync Shopify ou headless. PIM léger pour merchandising et équipes dev e-commerce.

  Intermédiaire · 4 min

• AUTOMATISER LES KPI

  

  Intermédiaire

  E-commercePO / PMAirtable

  Airtable : formules KPI projet

  Calculez retard, % avancement et alertes avec formules et rollups Airtable. Projets et Jalons : vue direction et reporting Make pour PM et comités de pilotage.

  Intermédiaire · 4 min

• PORTAIL CLIENT EN

  

  Intermédiaire

  E-commercePO / PMAirtable

  Interfaces Airtable client en lecture seule

  Publiez une interface Airtable client : jalons, livrables, statuts — sans marge ni champs internes. Portail filtré en lecture seule pour PM et comptes clés.

  Intermédiaire · 4 min

• CENTRALISER L INVENTAIRE

  

  Intermédiaire

  SEO / GEOAirtable

  Airtable : inventaire contenus SEO/GEO

  Modélisez une table URLs Airtable : type, title, meta, JSON-LD, statut revue et maillage. Pilotage SEO/GEO pour équipes éditoriales, dev et référencement.

  Intermédiaire · 4 min

• AUTOMATISER LE REPORTING

  

  Intermédiaire

  PO / PMAirtableMake

  Airtable + Make : reporting hebdo

  Automatisez le rapport hebdo : agrégation jalons Airtable, envoi Slack ou e-mail, snapshot archivé. Scénario Make planifié pour PM et comités agence web B2B.

  Intermédiaire · 4 min

• PILOTER LA LIVRAISON

  

  Débutant

  PO / PMDesignAirtable

  Vues kanban Airtable pour la livraison web

  Configurez des vues kanban Airtable par statut jalon ou lot de livraison. Filtres, couleurs et pilotage agence — complément ClickUp pour PM et direction.

  Débutant · 4 min

• ANIMATIONS GSAP AVEC

  

  Avancé

  AnimationsAccessibilitéCursorFigma

  GSAP accessible : fallback reduced-motion

  GSAP accessible : matchMedia, durées réduites et états statiques. Du Figma à useGSAP en React — pour dev, design et recette sans exclure reduced-motion.

  Avancé · 4 min

• CHAMPS CUSTOM ET

  

  Intermédiaire

  PO / PMClickUp

  Champs custom ClickUp : métadonnées projet

  Définissez les champs custom ClickUp pour vos projets web : URL preview, environnement, lot et RACI. Vues filtrables et sync Airtable sans surcharger le kanban.

  Intermédiaire · 3 min

• DASHBOARD DE SUIVI

  

  Intermédiaire

  PO / PMClickUp

  Dashboard ClickUp : suivi projet et client

  Construisez un dashboard ClickUp pour PO et PM : avancement, jalons, blocages et attentes client. Widgets filtrés et partage sans exposer l’interne agence.

  Intermédiaire · 4 min

• SYNCHRONISER UN BRIEF

  

  Avancé

  E-commercePO / PMClickUpMake

  Sync brief ClickUp vers Airtable avec Make

  Scénario Make pour propager un brief validé depuis ClickUp vers Airtable : reporting, notifications et mapping. ID stables et upsert pour PM et ops agence.

  Avancé · 3 min

• WORKFLOW DE LIVRAISON

  

  Intermédiaire

  PO / PMDesignClickUp

  Statuts ClickUp : workflow livraison web

  Statuts ClickUp alignés sur vos phases web : cadrage, design, dev, recette et MEP. Workflows par List, héritage Space et lisibilité pour PM et client.

  Intermédiaire · 4 min

• TEMPLATES POUR MISSIONS

  

  Débutant

  PO / PMDesignClickUp

  Templates ClickUp : projets web récurrents

  Templates ClickUp réutilisables par mission web : brief, recette, MEP. Checklists, champs custom et sous-tâches standardisées pour ouvrir un projet rapidement.

  Débutant · 3 min

• TIME TRACKING ET

  

  Intermédiaire

  E-commercePO / PMClickUp

  Time tracking ClickUp : facturation projet

  Suivez le temps et reliez-le à la facturation ClickUp : estimations, saisie, rapports et alertes dépassement. Bonnes pratiques agence, lien Airtable direction.

  Intermédiaire · 4 min

• VUES ET FILTRES

  

  Intermédiaire

  PO / PMClickUp

  Vues ClickUp : filtres par rôle et sprint

  Créez des vues ClickUp par rôle et sprint : filtres, groupes, champs affichés et vues enregistrées pour design, dev et PM. Lisibilité sans dupliquer les tâches.

  Intermédiaire · 4 min

• STRUCTURE WORKSPACE POUR

  

  Intermédiaire

  PO / PMClickUp

  Workspace ClickUp : structure agence web

  Workspace ClickUp au niveau agence : Spaces clients, templates, droits, champs globaux. Gouvernance pour éviter la dette structurelle sur projets multi-équipes.

  Intermédiaire · 3 min

• AUTOMATISATIONS ZAPIER ET

  

  Intermédiaire

  PO / PMClickUpMake

  Automatisations ClickUp : Zapier et Make

  Orchestrez ClickUp avec Zapier ou Make : notifications, tâches depuis formulaires, sync Airtable. Évitez le bruit tout en gardant le pilotage projet réactif.

  Intermédiaire · 3 min

• AUDIT ACCESSIBILITÉ MAQUETTE

  

  Intermédiaire

  IAAccessibilitéClaudeFigma

  Claude : audit accessibilité maquette

  Auditez une maquette Figma avec Claude : contrastes, libellés, focus et états interactifs. Checklist agence pour préparer la recette RGAA avant intégration.

  Intermédiaire · 4 min

• GOUVERNANCE DONNÉES CLIENT

  

  Avancé

  IASécuritéClaude

  Claude : gouvernance données client

  Encadrez Claude sur des données client sensibles : périmètre, anonymisation, secrets et traçabilité. Gouvernance sécurité et conformité contractuelle en agence.

  Avancé · 4 min

• PROMPTS CLAUDE POUR

  

  Débutant

  IAPO / PMClaude

  Claude : cadrer un brief projet web

  Structurez vos prompts Claude pour cadrer un brief client web : objectifs, périmètre et livrables. Méthode PO/PM pour un kick-off fiable en agence B2B.

  Débutant · 3 min

• FAQ SEO GEO

  

  Intermédiaire

  IASEO / GEOClaude

  Claude : rédiger une FAQ SEO / GEO

  Rédigez une FAQ SEO et GEO avec Claude : questions naturelles, réponses actionnables et maillage interne. Méthode agence pour PO, SEO lead et rédacteurs B2B.

  Intermédiaire · 4 min

• RELECTURE DE SPECS

  

  Intermédiaire

  IAPO / PMClaudeNotion

  Claude : relire des specs dans Notion

  Relisez vos specs Notion avec Claude : cohérence, trous de cadrage et critères testables. Workflow PO pour valider le périmètre avant développement web.

  Intermédiaire · 4 min

• SORTIES JSON LIVRABLES

  

  Intermédiaire

  IACodeClaude

  Claude : sorties JSON pour livrables

  Obtenez des sorties JSON avec Claude pour livrables agence : metadata SEO, composants UI ou specs. Workflow dev avec validation schéma avant intégration.

  Intermédiaire · 4 min

• WORKFLOWS CLAUDE ALIGNÉS

  

  Intermédiaire

  IAPO / PMClaudeClickUp

  Claude : workflows agence ClickUp

  Alignez Claude sur vos workflows ClickUp : statuts, custom fields et synthèse sprint. Pilotage PO/PM en agence sans doublon Notion ni perte de traçabilité.

  Intermédiaire · 4 min

• COMPOSER UN COMPOSANT

  

  Intermédiaire

  AccessibilitéCodeCursor

  Composant React accessible avec Cursor

  Composants React accessibles avec Cursor et rules dédiées : sémantique, clavier, ARIA minimal, focus visible. Workflow agent et relecture manuelle pour dev.

  Intermédiaire · 4 min

• CONVENTIONS COMMIT ET

  

  Débutant

  CodePO / PMCursor

  Conventions commit et PR depuis Cursor

  Conventions Git dans Cursor : messages commit, scope, description PR et checklist review. Rules et prompts pour éviter les commits fourre-tout en équipe dev.

  Débutant · 3 min

• DÉBUGGER UNE ERREUR

  

  Intermédiaire

  CodeCursor

  Débugger un build Next.js avec Cursor

  Résolvez un échec next build avec Cursor : log complet, patch minimal, typecheck. Erreurs RSC, imports et variables d’environnement courantes en projet agence.

  Intermédiaire · 3 min

• IMPLÉMENTER UNE MAQUETTE

  

  Intermédiaire

  DesignCodeCursorFigma

  Cursor + Figma : intégrer une maquette UI

  Figma Dev Mode et Cursor pour intégrer une maquette : tokens, composants existants, capture en contexte. Réduire l’écart visuel sans ignorer le design system.

  Intermédiaire · 4 min

• REFACTOR GUIDÉ AVEC

  

  Avancé

  CodeDesignCursor

  Refactor guidé avec @codebase dans Cursor

  Refactor sûr avec Cursor : @codebase, périmètre fichiers, plan par étapes, typecheck. Extraire des modules sans casser Next.js App Router sur projet agence.

  Avancé · 4 min

• REVUE SEO PAGE

  

  Intermédiaire

  SEO / GEOCodeCursor

  Revue SEO metadata pages avec Cursor

  Auditez titles, descriptions et canonicals avec Cursor : rule SEO, templates, corrections par lot. Complément checklist JSON-LD Cosmos Académie pour dev et PO.

  Intermédiaire · 4 min

• SETUP CURSOR RULES

  

  Débutant

  DesignCodeCursor

  Cursor : rules et contexte projet web

  Configurez Cursor à l’onboarding : rules .mdc versionnées, AGENTS.md et skills. Alignez l’agent IA sur Next.js, React et gouvernance Git en équipe web.

  Débutant · 4 min

• TESTS SANS CASSER

  

  Intermédiaire

  CodeCursor

  Tests TypeScript stricts avec Cursor

  Tests unitaires Cursor sans any ni contournement strict : Vitest, Testing Library et rules projet. Tests maintenables pour dev en typage TypeScript strict.

  Intermédiaire · 4 min

• ÉCOCONCEPTION BUDGET POIDS

  

  Intermédiaire

  ÉcoconceptionFigmaCursor

  Budget poids page, images et polices

  Fixez des budgets poids, LCP et polices dès Figma. Implémentez next/image et next/font en Next.js, mesurez chaque release avec Cursor — pour PO, dev et ops.

  Intermédiaire · 4 min

• AUDIT CONTRASTE ACCESSIBILITÉ

  

  Débutant

  AccessibilitéDesignFigma

  Audit contraste accessibilité maquette Figma

  Pré-auditez contrastes, tailles et états focus dans Figma avant dev. Plugins, checklist RGAA et traçabilité pour aligner design et recette HTML finale.

  Débutant · 4 min

• COMPOSANTS RÉUTILISABLES POUR

  

  Intermédiaire

  DesignFigma

  Composants Figma pour design system

  Construisez composants maîtres, variantes et propriétés Figma alignés sur votre lib React. Auto-layout et documentation pour un handoff sans ambiguïté.

  Intermédiaire · 4 min

• DESIGN TOKENS VERS

  

  Intermédiaire

  DesignCodeFigma

  Design tokens Figma vers variables CSS

  Exportez variables Figma (couleurs, spacing, typo) vers custom properties CSS ou Tailwind. Nommage sémantique, modes light/dark et discipline de PR tokens.

  Intermédiaire · 4 min

• GRILLE RESPONSIVE FIGMA

  

  Intermédiaire

  DesignCodeFigma

  Grille responsive Figma vers implémentation

  Définissez grilles, breakpoints et contraintes Figma pour un handoff responsive CSS/Tailwind cohérent. Container, gutters et frames par viewport documentés.

  Intermédiaire · 4 min

• HANDOFF DEV SPECS

  

  Intermédiaire

  DesignFigma

  Handoff Figma Dev Mode pour équipe web

  Exploitez Figma Dev Mode pour un handoff fiable : inspection composants, tokens, assets et annotations. Guide designers et dev front en projet agence web.

  Intermédiaire · 4 min

• FIGMA NOTION SYNCHRONISER

  

  Intermédiaire

  DesignFigmaNotion

  Sync specs composants Figma et Notion

  Documentez chaque composant design system dans Notion : lien Figma, props, accessibilité, statut dev. Process structuré avec option Make pour les rappels.

  Intermédiaire · 4 min

• PROTOTYPE PARCOURS E-COMMERCE

  

  Intermédiaire

  E-commerceDesignFigma

  Prototype Figma parcours e-commerce

  Prototypage du tunnel achat : PLP, fiche produit, panier, checkout. Interactions, états erreur, tests utilisateur et validation client avant intégration.

  Intermédiaire · 4 min

• FORMULAIRE CONTACT VALIDATION

  

  Intermédiaire

  AccessibilitéCursorFigma

  Formulaire contact : validation anti-spam

  Protégez un formulaire contact Next.js : validation client-serveur, honeypot, rate limit, retours accessibles. Server Actions pour sites B2B agence web.

  Intermédiaire · 4 min

• GEMINI API CAS

  

  Avancé

  IACodeGemini

  Gemini API : cas d’usage en agence web

  Intégrez Gemini API dans vos livrables agence : résumés, classification, génération structurée. Patterns Node.js, clés restreintes et quotas pour équipes dev.

  Avancé · 4 min

• COMPARATIF LLM POUR

  

  Intermédiaire

  IAGeminiClaudeChatGPT

  Gemini vs Claude vs ChatGPT : tâches

  Répartissez les tâches IA entre Gemini, Claude et ChatGPT en équipe agence. Grille décision PO/dev : contexte, multimodal, code, coût et gouvernance données.

  Intermédiaire · 3 min

• HANDOVER AVEC GEMINI

  

  Débutant

  IAPO / PMGemini

  Gemini : handover via Google Workspace

  Préparez un handover client avec Gemini dans Google Workspace : Docs, Drive et Gmail. Modèles de synthèse, checklists et bonnes pratiques PO agence web.

  Débutant · 3 min

• GOUVERNANCE DES DONNÉES

  

  Avancé

  IASécuritéGemini

  Gemini : gouvernance données Google

  Cadrez l’usage Gemini en agence : rétention, DLP, IAM et périmètres Workspace. Checklist sécurité pour PO, RSSI et leads dev avant déploiement client.

  Avancé · 4 min

• GROUNDING GEMINI POUR

  

  Intermédiaire

  IASEO / GEOGemini

  Gemini : grounding SEO et contenu

  Utilisez le grounding Gemini pour briefs éditoriaux et recherches factuelles. Workflow SEO agence : sources vérifiables, angle éditorial et limites GEO.

  Intermédiaire · 3 min

• LONG CONTEXTE GEMINI

  

  Intermédiaire

  IAPO / PMGemini

  Gemini : long contexte et specs projet

  Exploitez le long contexte Gemini pour synthétiser specs, user stories et contraintes techniques. Méthode PO/PM agence web sur projets multi-livrables.

  Intermédiaire · 3 min

• AUDIT MAQUETTE FIGMA

  

  Intermédiaire

  IADesignGeminiFigma

  Gemini : audit multimodal maquette Figma

  Auditez une maquette Figma avec Gemini multimodal : cohérence visuelle, accessibilité et écarts specs. Workflow design agence avant handoff développement.

  Intermédiaire · 3 min

• AUTOMATISER UNE TÂCHE

  

  Intermédiaire

  E-commercePO / PMMakeClickUp

  Make + ClickUp : tâche depuis formulaire

  Créez une tâche ClickUp à chaque soumission formulaire : List cible, champs custom, assigné et checklist. Flux fiable pour PO et PM agence, sans copier-coller.

  Intermédiaire · 4 min

• ENRICHIR VOS LEADS

  

  Avancé

  E-commerceMake

  Enrichir des leads via API externe avec Make

  Enchaînez formulaire, API d’enrichissement et CRM dans Make. Quotas, retries, champs normalisés et conformité RGPD B2B pour PO et commerciaux en agence web.

  Avancé · 4 min

• RELIER UN FORMULAIRE

  

  Intermédiaire

  E-commerceMake

  Make : formulaire web vers CRM

  Montez un scénario Make fiable entre formulaire web et HubSpot, Pipedrive ou Airtable. Mapping, validation et logs pour équipes e-commerce et acquisition.

  Intermédiaire · 3 min

• SÉCURISER VOS SCÉNARIOS

  

  Intermédiaire

  PO / PMMake

  Make : erreurs et reprise de scénario

  Error handlers, retries et alertes Make sur scénarios P0/P1. File de reprise et logs pour éviter échecs silencieux sur leads et syncs CRM. Pour PM agence web.

  Intermédiaire · 4 min

• MONITORER LES SCÉNARIOS

  

  Intermédiaire

  PO / PMMake

  Make : monitoring scénarios critiques

  Surveillez vos exécutions Make : tags P0/P1, logs Airtable centralisés, alertes Slack et revue hebdo. Pour PM et intégrateurs automation en agence web B2B.

  Intermédiaire · 4 min

• SYNCHRONISER AIRTABLE ET

  

  Avancé

  PO / PMDesignMakeAirtableNotion

  Sync Airtable ↔ Notion pour base projet

  Synchronisez statuts projet Airtable et Notion avec Make. Flux maître, IDs stables et gestion des conflits pour PM et équipes delivery en agence web B2B.

  Avancé · 4 min

• TRACER LES UTM

  

  Intermédiaire

  SEO / GEOE-commerceMakeAirtable

  Make : UTM vers tableau Airtable

  Capturez utm_source, medium, campaign et landing page vers Airtable via Make. Normalisation, lien CRM et recoupement GA4 pour le reporting marketing d’agence.

  Intermédiaire · 4 min

• ALERTES PROJET SLACK

  

  Intermédiaire

  PO / PMMake

  Make : webhook sécurisé vers Slack

  Webhook Make vers Slack : vérification signature, formatage message et routage par gravité. Alertes projet sécurisées pour PM et ops en agence web B2B.

  Intermédiaire · 4 min

• BASE DE CONNAISSANCES

  

  Débutant

  DesignCodeNotion

  Wiki technique Notion pour l'équipe dev

  Structurez un wiki Notion pour vos devs : ADR, patterns, onboarding et playbooks. Gouvernance, recherche et liens repos pour une agence web multi-projets.

  Débutant · 4 min

• BASES LIÉES SPECS

  

  Intermédiaire

  DesignPO / PMNotion

  Specs et tâches liées dans Notion

  Reliez specs fonctionnelles et tâches delivery dans Notion : relations bidirectionnelles, rollups d'avancement et vues par sprint pour piloter le périmètre PO.

  Intermédiaire · 4 min

• CALENDRIER ÉDITORIAL SEO

  

  Débutant

  SEO / GEONotion

  Calendrier éditorial SEO/GEO dans Notion

  Planifiez hubs, tutoriels et notes dans Notion : intent, statut, maillage interne, owner et vues calendrier. Pipeline éditorial aligné sur l'inventaire URLs.

  Débutant · 3 min

• CHECKLIST RECETTE AVANT

  

  Débutant

  AccessibilitéPO / PMNotion

  Checklist Notion recette avant mise en prod

  Template checklist Notion pour recette web : accessibilité, SEO, perfs, formulaires, redirects et smoke tests. PO signe avant MEP ; traçabilité par owner.

  Débutant · 3 min

• NOTION MAKE ARCHIVER

  

  Intermédiaire

  PO / PMNotionMake

  Notion + Make : archiver les briefs livrés

  Automatisez l'archivage des briefs Notion livrés via Make : déplacement vers l'archive, métadonnées de clôture et notification PM. Hygiène documentaire agence.

  Intermédiaire · 3 min

• TEMPLATE RUNBOOK MAINTENANCE

  

  Débutant

  ÉcoconceptionPO / PMNotion

  Runbook maintenance site web dans Notion

  Modélisez un runbook Notion post-livraison : incidents, montées de version, sauvegardes, contacts hébergeur et rollback. Template réutilisable par client web.

  Débutant · 3 min

• WIKI HANDOVER CLIENT

  

  Débutant

  DesignPO / PMNotion

  Wiki Notion handover client post-livraison

  Wiki Notion de passation post-livraison : accès CMS, procédures éditoriales, support et runbook. Template agence web prêt à dupliquer pour vos projets.

  Débutant · 4 min

• OPTIMISER LE LCP

  

  Intermédiaire

  ÉcoconceptionCursorFigma

  LCP Next.js : images et polices

  Accélérez le LCP Next.js : hero prioritaire, AVIF/WebP, polices next/font subsetées. Méthode mesurable pour dev et PM avant mise en production Vercel.

  Intermédiaire · 4 min

• RACI ET ASSIGNATION

  

  Avancé

  PO / PMClickUp

  RACI ClickUp : multi-équipes projet web

  RACI dans ClickUp pour projets web multi-équipes : Responsible, Accountable, Consulted, Informed. Champs custom, watchers et assignation pour PM et PO.

  Avancé · 3 min

• REDIRECTIONS 301 CONFIGURATION

  

  Débutant

  SEO / GEOCursor

  Redirections 301 sur Next.js

  Configurez des 301 permanentes Next.js (next.config, middleware) sans boucles. Table de correspondance, tests curl et recette SEO après refonte d’URL.

  Débutant · 4 min

• REDIRECTIONS CANONICALS ET

  

  Intermédiaire

  SEO / GEOCursor

  Redirections, canonicals et SEO technique

  Alignez 301, canonicals et politique d’URL sur Next.js. Évitez doublons, chaînes de redirection et fuites crawl après refonte — pour dev, SEO et équipe contenu.

  Intermédiaire · 4 min

• CHECKLIST METADATA ET

  

  Intermédiaire

  SEO / GEOCursorNotion

  Metadata et JSON-LD : checklist page

  Auditez title, description, canonical, OG et JSON-LD par page Next.js. Checklist Notion et revue Cursor pour PO, SEO lead et développeurs web en agence.

  Intermédiaire · 4 min

• MAILLAGE INTERNE SEO

  

  Intermédiaire

  SEO / GEONotion

  Maillage interne SEO/GEO pour hubs

  Structurez liens internes entre hubs, expertises et tutoriels. Pilotage Notion, champs related* et ancres naturelles — utile au lecteur et au contexte GEO.

  Intermédiaire · 4 min

• ABONNEMENTS SAAS B2B

  

  Intermédiaire

  E-commerceStripe

  Stripe : abonnements SaaS B2B

  Abonnements SaaS B2B Stripe : Products, Prices récurrents, essais et webhooks. Cadrage PO/dev pour facturation récurrente et droits applicatifs clients.

  Intermédiaire · 4 min

• TABLEAU DE SUIVI

  

  Intermédiaire

  AnalyticsE-commerceStripeAirtable

  Stripe + Airtable : suivi paiements

  Paiements Stripe centralisés dans Airtable via webhooks Make : statuts, montants, liens client. Tableau PO/support sans export manuel du Dashboard Stripe.

  Intermédiaire · 4 min

• CHECKOUT SESSION E-COMMERCE

  

  Intermédiaire

  E-commerceStripe

  Stripe Checkout : session e-commerce

  Stripe Checkout sur Next.js : line items, URLs retour et webhooks. Cadrage PO/dev pour un tunnel e-commerce fiable, de la session serveur à la recette paiement.

  Intermédiaire · 3 min

• CUSTOMER PORTAL POUR

  

  Intermédiaire

  E-commerceStripe

  Stripe Customer Portal : facturation

  Customer Portal Stripe : self-service B2B factures PDF, paiement et annulation. Réduisez le support agence sur projets SaaS et abonnements récurrents.

  Intermédiaire · 3 min

• RECETTE MODE TEST

  

  Débutant

  E-commerceStripe

  Stripe mode test : recette paiement

  Recette paiement Stripe mode test : clés, cartes simulées, webhooks locaux. Checklist PO/dev : succès, refus, 3-D Secure avant bascule live e-commerce B2B.

  Débutant · 3 min

• PRIX ET TVA

  

  Avancé

  E-commerceStripe

  Stripe : prix, TVA et facture B2B UE

  Prix HT/TTC, TVA intracom et autoliquidation B2B UE avec Stripe Tax. Cadrage dev factures conformes SaaS et e-commerce cross-border sans double imposition.

  Avancé · 4 min

• WEBHOOKS STRIPE FIABLES

  

  Avancé

  CodeSécuritéStripeMake

  Stripe webhooks : idempotence Make

  Sécurisez webhooks Stripe : signature, idempotence, scénario Make. Évitez doubles commandes et échecs silencieux. Guide dev/PO pour sync CRM fiable en prod.

  Avancé · 4 min

• ANIMATIONS ET REDUCED-MOTION

  

  Intermédiaire

  AnimationsAccessibilitéWebflow

  Webflow : animations et reduced-motion

  Interactions Webflow compatibles reduced-motion : IX2, Lottie et fallbacks accessibles. Guide designers intermédiaires, recette OS sans exclure utilisateurs.

  Intermédiaire · 3 min

• COLLECTIONS CMS AGENCE

  

  Intermédiaire

  CMSWebflow

  Webflow CMS : collections modèle agence

  Modélisez les collections CMS Webflow pour un site agence : champs, templates dynamiques et relations. Guide intermédiaire PO et intégrateurs, sans dette SEO.

  Intermédiaire · 3 min

• EXPORT CODE ET

  

  Avancé

  CodeWebflow

  Webflow : export code et hébergement

  Exportez le code Webflow et choisissez l’hébergement adapté. Workflow avancé dev : assets, Git, CDN, limites du clean export et reprise sur mesure progressive.

  Avancé · 3 min

• FORMULAIRES VERS CRM

  

  Intermédiaire

  E-commerceWebflowMake

  Webflow : formulaires vers CRM Make

  Branchez formulaires Webflow au CRM via Make. Scenario e-commerce et acquisition : webhook, mapping, validation, logs et reprise pour équipes intermédiaires.

  Intermédiaire · 3 min

• HANDOFF RESPONSIVE DEV

  

  Intermédiaire

  DesignWebflow

  Webflow responsive : handoff vers dev

  Alignez breakpoints et interactions responsive Webflow pour un handoff dev fiable. Grilles, classes et livrables pour designers et intégrateurs en livraison.

  Intermédiaire · 3 min

• SEO WEBFLOW METADATA

  

  Intermédiaire

  SEO / GEOWebflow

  Webflow : SEO, metadata et sitemap

  Réglez title, description, Open Graph et sitemap XML dans Webflow. Checklist SEO intermédiaire pour PO et marketeurs : pages indexables, sans fausses promesses.

  Intermédiaire · 3 min

• STRUCTURE WEBFLOW ET

  

  Débutant

  DesignWebflow

  Webflow : structure et classes utilitaires

  Structurez Webflow avec sections, composants et classes utilitaires. Méthode agence pour designers débutants : nommage clair, cohérence UI et handoff propre.

  Débutant · 3 min

• CPT ET CHAMPS

  

  Intermédiaire

  CMSCodeWordPress

  WordPress : CPT et champs personnalisés

  Déclarez des custom post types et champs ACF sur WordPress pour des contenus métier structurés. Cadrage agence web : registres, templates et recette éditoriale.

  Intermédiaire · 4 min

• FORMULAIRES RGPD ANTI-SPAM

  

  Intermédiaire

  AccessibilitéSécuritéWordPress

  WordPress : formulaires RGPD et spam

  Formulaires WordPress conformes RGPD : consentement, honeypot, CAPTCHA et accessibilité. Guide agence Contact Form 7, WPForms ou Gravity, sans fuite de données.

  Intermédiaire · 4 min

• MIGRATION CONTENU REFONTE

  

  Avancé

  CMSSEO / GEOWordPress

  WordPress : migration contenu refonte

  Migrez contenu WordPress en refonte : export, mapping CPT, redirections 301 et SEO. Méthode agence pour transitions sans perte de trafic organique ni 404.

  Avancé · 4 min

• PASSATION ÉDITEUR WORDPRESS

  

  Débutant

  CMSPO / PMWordPress

  WordPress : passation éditeur client

  Formez un client à WordPress : rôles Éditeur, Gutenberg, médias et garde-fous. Passation agence structurée pour autonomie éditoriale sans risque technique.

  Débutant · 3 min

• CACHE ET IMAGES

  

  Intermédiaire

  ÉcoconceptionWordPress

  WordPress : perf, cache et images lazy

  Optimisez WordPress : cache page, images WebP, lazy load et budget poids. Méthode agence pour sites B2B performants sans sacrifier la qualité visuelle.

  Intermédiaire · 4 min

• SÉCURITÉ WORDPRESS MAJ

  

  Intermédiaire

  SécuritéWordPress

  WordPress : sécurité, MAJ et rôles

  Sécurisez WordPress en prod : MAJ contrôlées, rôles, 2FA et durcissement serveur. Checklist agence pour sites B2B exposés, sans compromis sur la maintenance.

  Intermédiaire · 4 min

• STAGING ET MEP

  

  Intermédiaire

  CMSWordPress

  WordPress : staging et MEP sans casse

  Déployez WordPress staging vers prod sans casse : sync BDD, fichiers, URLs, cache et recette. Workflow agence pour livraisons B2B maîtrisées et réversibles.

  Intermédiaire · 4 min

• THÈME ENFANT WORDPRESS

  

  Débutant

  CMSWordPress

  WordPress : thème enfant et structure

  Structurez un thème enfant WordPress pour vos livraisons agence : arborescence, hooks, assets versionnés. Évitez la casse lors des mises à jour du thème parent.

  Débutant · 3 min

• STRUCTURER CLICKUP POUR

  

  Débutant

  PO / PMClickUp

  ClickUp : structurer un projet web

  Hiérarchie ClickUp pour projet web : Workspace, Space, Folder, List. Conventions de nommage, droits client et champs utiles au pilotage PO et PM agence.

  Débutant · 4 min