integration-nuxt-3.6

Par posthog · skills

Intégration PostHog pour Nuxt versions 3.0 à 3.6

npx skills add https://github.com/posthog/skills --skill integration-nuxt-3.6

Intégration PostHog pour Nuxt 3.6

Cette skill vous aide à ajouter PostHog analytics à vos applications Nuxt 3.6.

Workflow

Suivez ces étapes dans l'ordre pour compléter l'intégration :

  1. basic-integration-1.0-begin.md - Configuration PostHog - Début ← Commencez ici
  2. basic-integration-1.1-edit.md - Configuration PostHog - Édition
  3. basic-integration-1.2-revise.md - Configuration PostHog - Révision
  4. basic-integration-1.3-conclude.md - Configuration PostHog - Conclusion

Fichiers de référence

  • references/EXAMPLE.md - Code du projet exemple Nuxt 3.6
  • references/nuxt-js-3-6.md - Nuxt.js (v3.0 à v3.6) - docs
  • references/identify-users.md - Identifier les utilisateurs - docs
  • references/basic-integration-1.0-begin.md - Configuration PostHog - début
  • references/basic-integration-1.1-edit.md - Configuration PostHog - édition
  • references/basic-integration-1.2-revise.md - Configuration PostHog - révision
  • references/basic-integration-1.3-conclude.md - Configuration PostHog - conclusion

Le projet exemple montre le pattern d'implémentation cible. Consultez la documentation pour les détails de l'API.

Principes clés

  • Variables d'environnement : Utilisez toujours des variables d'environnement pour les clés PostHog. Ne les codez jamais en dur.
  • Changements minimalistes : Ajoutez le code PostHog aux côtés des intégrations existantes. Ne remplacez ni ne restructurez le code existant.
  • Suivre l'exemple : Votre implémentation doit suivre les patterns du projet exemple aussi fidèlement que possible.

Directives framework

Aucune directive framework spécifique.

Identification des utilisateurs

Identifiez les utilisateurs lors des événements de connexion et d'inscription. Référez-vous au code exemple et à la documentation pour le pattern d'identification correct pour ce framework. Si du code frontend et backend existe, passez la session côté client et l'identifiant distinct en utilisant les headers X-POSTHOG-DISTINCT-ID et X-POSTHOG-SESSION-ID pour maintenir la corrélation.

Suivi des erreurs

Ajoutez le suivi d'erreurs PostHog aux fichiers pertinents, particulièrement autour des flux utilisateur critiques et des limites d'API.

Skills similaires