Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mf2.dev/docs/llms.txt

Use this file to discover all available pages before exploring further.

@repo/analytics tracks events, identifies users, and records sessions through PostHog.

​
Usage

Wrap your app with the provider, then track events from any component:
apps/app/layout.tsx
import { AnalyticsProvider } from "@repo/analytics";

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <AnalyticsProvider>
      {children}
    </AnalyticsProvider>
  );
}
apps/app/components/upgrade-button.tsx
import { useAnalytics } from "@repo/analytics";

export function UpgradeButton() {
  const { track } = useAnalytics();

  return (
    <button onClick={() => track("upgrade_clicked", { plan: "pro" })}>
      Upgrade to Pro
    </button>
  );
}

​
Server-Side Tracking

Track events from API routes with trackServerEvent:
apps/api/routes/checkout.ts
import { trackServerEvent } from "@repo/analytics";

await trackServerEvent("checkout_completed", {
  userId,
  plan: "pro",
  revenue: 29.99,
});

​
Environment Variables

See Environment Variables — Analytics.

​
Learn More