posthog-local-dev-loop
Configure PostHog local development with hot reload and testing.\nUse when setting up a development environment, configuring test workflows,\nor establishing a fast iteration cycle with PostHog.\nTrigger with phrases like \
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Configure PostHog local development with hot reload and testing.\nUse when setting up a development environment, configuring test workflows,\nor establishing a fast iteration cycle with PostHog.\nTrigger with phrases like \
How to use
Upewnij się, że masz zainstalowany Node.js 20+ oraz npm lub pnpm. Skill wymaga wcześniejszego ukończenia konfiguracji
posthog-install-auth— jeśli jej nie masz, najpierw ją uruchom.Przygotuj osobny projekt PostHog dla development (oddzielny od produkcji). Skopiuj klucz API z tego projektu — będzie potrzebny w zmiennych środowiskowych.
Wyzwól skill frazą taką jak "posthog dev setup", "posthog local development", "mock posthog" lub "test posthog". Skill utworzy strukturę katalogów (src/analytics, tests) oraz pliki konfiguracyjne.
Skill wygeneruje plik
.env.localz szablonami zmiennych (NEXT_PUBLIC_POSTHOG_KEY, POSTHOG_HOST). Uzupełnij te wartości danymi z Twojego dev projektu PostHog.W pliku
src/analytics/posthog.tsskill skonfiguruje klienta PostHog z trybem debugowania — zdarzenia będą logowane do konsoli bez wysyłania do serwera. Możesz to zmienić, ustawiającenabled: falsew opcjach, gdy chcesz testować z rzeczywistym dev projektem.Skill przygotuje testy w
tests/analytics.test.tsz mockowanym PostHog — uruchom je poleceniemnpm testlubpnpm test. Teraz możesz pisać testy event tracking bez wpływu na dane w PostHog.