fix: Add missing CTA tracker for sidebar

Author: Sidnioulz

apps/frontpage/app/event-log/route.ts

@@ -11,7 +11,7 @@ function flatten(
   Object.entries(obj).forEach(([key, value]) => {
     let p: string = (prefix ? `${prefix}.${key}` : key)
       .replaceAll('@', '_at_')
-      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access -- we know it's a string
+       
       .replaceAll('/', '_slash_');
 
     if (p.startsWith('_')) {

apps/frontpage/components/docs/sidebar/docs-nav.tsx

@@ -6,6 +6,7 @@ import { useEffect, useState, type FC } from 'react';
 import { ChevronSmallRightIcon } from '@storybook/icons';
 import type { TreeProps } from '@repo/utils';
 import { cn, docsVersions } from '@repo/utils';
+import { usePlausible } from 'next-plausible';
 import { usePathname, useSelectedLayoutSegment } from 'next/navigation';
 import { getVersion } from '../../../lib/get-version';
 import { VersionSelector } from './version-selector';
@@ -16,6 +17,8 @@ interface NavDocsProps {
   listOfTrees: TreeProps[];
 }
 
+const GET_STARTED_SLUGS = ['/docs', '/docs/', '/docs/get-started', '/docs/get-started/'];
+
 export const NavDocs: FC<NavDocsProps> = ({ listOfTrees }) => {
   const pathname = usePathname();
   const segment = useSelectedLayoutSegment();
@@ -66,6 +69,7 @@ export const NavDocs: FC<NavDocsProps> = ({ listOfTrees }) => {
 
 const Level1 = ({ lvl1 }: { lvl1: TreeProps }) => {
   const pathname = usePathname();
+  const plausible = usePlausible();
   let slug = lvl1.slug;
   docsVersions.forEach((version) => {
     if (
@@ -87,6 +91,9 @@ const Level1 = ({ lvl1 }: { lvl1: TreeProps }) => {
           isActive && 'text-blue-500',
         )}
         href={lvl1.slug}
+        onClick={GET_STARTED_SLUGS.includes(lvl1.slug)
+          ? () => { plausible('GetStartedClick', { props: { location: 'sidebar-nav' }})}
+          : undefined}
       >
         {lvl1.sidebar?.title ?? lvl1.title}
       </Link>