Convex CommunityCCConvex Community
Powered by
SamS
Convex Communityโ€ข4mo agoโ€ข
6 replies
Sam

convex-posthog: PostHog Analytics Component for Convex

Hey everyone! ๐Ÿ‘‹

I just published convex-posthog - a Convex component that makes it super easy to track user events with PostHog analytics directly from your mutations!

npm:
@samhoque/convex-posthog
@samhoque/convex-posthog

GitHub: https://github.com/samhoque/convex-posthog

โœจ What it does


Track user events server-side from your Convex mutations without blocking your app logic. Events are scheduled as background jobs, so analytics failures won't affect your core functionality.

๐Ÿš€ Quick Example


import { components } from "./_generated/api";
import { PostHog } from "@samhoque/convex-posthog";

const posthog = new PostHog(components.posthog, {
  apiKey: process.env.POSTHOG_API_KEY,
});

export const signupUser = mutation({
  args: { userId: v.string(), email: v.string() },
  handler: async (ctx, args) => {
    // Your business logic here
    await ctx.db.insert("users", args);

    // Track the event
    await posthog.trackUserEvent(ctx, {
      userId: args.userId,
      event: "user_signed_up",
      properties: { email: args.email }
    });

    return { success: true };
  },
});
import { components } from "./_generated/api";
import { PostHog } from "@samhoque/convex-posthog";

const posthog = new PostHog(components.posthog, {
  apiKey: process.env.POSTHOG_API_KEY,
});

export const signupUser = mutation({
  args: { userId: v.string(), email: v.string() },
  handler: async (ctx, args) => {
    // Your business logic here
    await ctx.db.insert("users", args);

    // Track the event
    await posthog.trackUserEvent(ctx, {
      userId: args.userId,
      event: "user_signed_up",
      properties: { email: args.email }
    });

    return { success: true };
  },
});


๐ŸŽ Features


- ๐Ÿ”ฅ Non-blocking event tracking (uses
ctx.scheduler.runAfter
ctx.scheduler.runAfter
)
- ๐Ÿ›ก๏ธ Type-safe API with full TypeScript support
- โšก Zero-config when using environment variables
- ๐Ÿ“ฆ Proper Convex component with all the best practices

๐Ÿ“ฆ Installation


npm install @samhoque/convex-posthog
npm install @samhoque/convex-posthog


Then install the component in your Convex app:

npx convex@latest component add samhoque/convex-posthog
npx convex@latest component add samhoque/convex-posthog


Would love to hear feedback or ideas for improvements! This is my first Convex component, so let me know if you find it useful or have suggestions. ๐Ÿ™Œ
GitHub
GitHub - SamHoque/convex-posthog: PostHog analytics component for C...
PostHog analytics component for Convex - track user events server-side - SamHoque/convex-posthog
GitHub - SamHoque/convex-posthog: PostHog analytics component for C...
Convex Community banner
Convex CommunityJoin
Join the Convex Discord! Explore Convex, the backend platform that keeps your app in sync.
15,138Members
Resources
Was this page helpful?

Similar Threads

Recent Announcements
Recent Announcements
james

Hi @everyone with everything going on today I forgot to post on discord about our EU launch! We have a region in Dublin now! You can start using it immediately, even for folks on the free plan. https://news.convex.dev/we-finally-got-our-eu-visa/ Stay tuned for more regions but also stay tuned for more infra improvements where we improve latency for teams no matter where their servers are located. Just at the tip of the iceberg re all the optimizations we have lined up.

james ยท 4d ago

Wayne

Hi @everyone happy Monday. Components Authoring [Challenge](https://www.convex.dev/components/challenge) updates! Meet the second batch of community-approved components **Firecrawl Scrape **- Scrape any URL and get clean markdown, HTML, screenshots, or structured JSON - with durable caching and reactive queries. https://www.convex.dev/components/firecrawl-scrape Built by: Gitmaxd **Durable Agents **- A Convex component for building durable AI agents with an async tool loop. https://www.convex.dev/components/durable-agents Built by: Siegfried **Convex Debouncer** - A server-side debouncing component for debouncing expensive operations like LLM calls, metrics computation, or any heavy processing that should only run after a period of inactivity. https://www.convex.dev/components/debouncer Built by: Ilya **DatabaseChat **- A Convex component for adding natural language database queries to your app. https://www.convex.dev/components/database-chat Built by: Nick **Transloadit** - A Convex component for creating Transloadit Assemblies, handling resumable uploads with status, and persisting status/results in Convex. https://www.convex.dev/components/transloadit Built by: Kvz **Loops** - A Convex component for integrating with Loops.so email marketing platform. https://www.convex.dev/components/loops Built by: Bobby The [challenge](https://www.convex.dev/components/challenge) is now ongoing, so keep building, and we'll keep rewarding. Thanks, everyone!

Wayne ยท 3w ago

Liz C

Hi everyone! Have you ever wanted to get your hands on some convex swag? Well you're in luck! We just launched our Convex swag store. Check it out here ---> https://store.convex.dev/

Liz C ยท 3w ago

Similar Threads

convex-analytics
raidenoRraideno / show-and-tell
3mo ago
๐Ÿ”จ Convex Component Template โ€“ Production-Ready Boilerplate
SamSSam / show-and-tell
4mo ago
Voice First Data Analytics
DIVIJDDIVIJ / show-and-tell
5mo ago
Convex Dashboard for your dev
rgzRrgz / show-and-tell
3mo ago