feat: integrate PostHog analytics and update README to reflect the ch…

.env.example

@@ -1,2 +1,3 @@
 # For turbo builds, prefixes with NEXT_PUBLIC_ are automatically considered to force a rebuild
-NEXT_PUBLIC_OPENPANEL_CLIENT_ID=
+NEXT_PUBLIC_POSTHOG_KEY=
+NEXT_PUBLIC_POSTHOG_HOST=

.vscode/settings.json

@@ -13,9 +13,10 @@
     "editor.defaultFormatter": "biomejs.biome"
   },
   "editor.codeActionsOnSave": {
-    "quickfix.biome": "explicit",
-    "source.organizeImports.biome": "explicit"
+    "source.organizeImports.biome": "explicit",
+    "source.fixAll.biome": "explicit",
+    "quickfix.biome": "explicit"
   },
   "editor.formatOnSave": true,
-  "typescript.tsdk": "node_modules/typescript/lib",
-}
+  "typescript.tsdk": "node_modules/typescript/lib"
+}

README.md

@@ -31,7 +31,7 @@ The main goal is to provide a better way to explore tech companies in Portugal.
 - [Nuqs](https://nuqs.47ng.com) - URL query state management (client and server support + some other cool features out of the box)
 - [Turbo](https://turbo.build/) - Monorepo build system
 - [Vercel](https://vercel.com/) - Hosting and CI/CD
-- [OpenPanel](https://openpanel.dev/) - Analytics (Currently DISABLED/NOT USED due to removal of free tier)
+- [PostHog](https://posthog.com/) - Analytics (replaces [OpenPanel](https://openpanel.dev/) due to removal of free tier)
 
 ## How to contribute 🤝
 

apps/web/next.config.ts

@@ -2,6 +2,7 @@ import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
   reactStrictMode: true,
+  transpilePackages: ["@tech-companies-portugal/analytics"],
 };
 
 export default nextConfig;

apps/web/package.json

@@ -36,7 +36,8 @@
     "slugify": "1.6.6",
     "tailwind-merge": "2.2.1",
     "tailwindcss-animate": "1.0.7",
-    "use-debounce": "10.0.4"
+    "use-debounce": "10.0.4",
+    "@tech-companies-portugal/analytics": "*"
   },
   "devDependencies": {
     "@playwright/test": "1.50.0",

apps/web/src/app/(companies-list)/layout.tsx

@@ -2,7 +2,7 @@ import CompaniesHeader from "@/components/CompaniesHeader";
 import { CompaniesListSkeleton } from "@/components/CompaniesListSkeleton";
 import Footer from "@/components/Footer";
 import { Skeleton } from "@/components/ui/skeleton";
-import { LayoutProps } from "@/lib/types";
+import type { LayoutProps } from "@/lib/types";
 import { Suspense } from "react";
 
 export default function AppLayout({ children }: LayoutProps) {

apps/web/src/app/category/[category]/layout.tsx

@@ -1,5 +1,5 @@
 import Footer from "@/components/Footer";
-import { LayoutProps } from "@/lib/types";
+import type { LayoutProps } from "@/lib/types";
 import { Suspense } from "react";
 
 export default function CategoryPageLayout({ children }: LayoutProps) {

apps/web/src/app/category/[category]/page.tsx

@@ -8,8 +8,8 @@ import {
   defaultTwitterMetadata,
 } from "@/lib/metadata";
 import { getParsedCompaniesData } from "@/lib/parser/companies";
-import { NextParams } from "@/lib/types";
-import { Metadata } from "next";
+import type { NextParams } from "@/lib/types";
+import type { Metadata } from "next";
 import { Suspense } from "react";
 
 export async function generateMetadata({

apps/web/src/app/category/sitemap.ts

@@ -1,6 +1,6 @@
 import { APP_URL } from "@/lib/metadata";
 import { getParsedCompaniesData } from "@/lib/parser/companies";
-import { MetadataRoute } from "next";
+import type { MetadataRoute } from "next";
 
 export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
   const { availableCategories, updatedAtISODate } =

apps/web/src/app/company/[slug]/layout.tsx

@@ -1,6 +1,6 @@
 import SimpleFooter from "@/components/SimpleFooter";
 import { Skeleton } from "@/components/ui/skeleton";
-import { LayoutProps } from "@/lib/types";
+import type { LayoutProps } from "@/lib/types";
 import { Suspense } from "react";
 
 export default function CompanyPageLayout({ children }: LayoutProps) {

apps/web/src/app/company/[slug]/page.tsx

@@ -12,10 +12,10 @@ import {
   getParsedCompaniesData,
   getParsedCompanyBySlug,
 } from "@/lib/parser/companies";
-import { NextParams } from "@/lib/types";
+import type { NextParams } from "@/lib/types";
 import { Briefcase, Globe } from "lucide-react";
 import { notFound } from "next/navigation";
-import { Metadata } from "next/types";
+import type { Metadata } from "next/types";
 
 // force generation on demand for paths not known at build time
 // export const dynamicParams = true;

apps/web/src/app/company/sitemap.ts

@@ -1,6 +1,6 @@
 import { APP_URL } from "@/lib/metadata";
 import { getParsedCompaniesData } from "@/lib/parser/companies";
-import { MetadataRoute } from "next";
+import type { MetadataRoute } from "next";
 
 export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
   const { companies, updatedAtISODate } = await getParsedCompaniesData();

apps/web/src/app/layout.tsx

@@ -7,11 +7,13 @@ import {
   defaultTwitterMetadata,
   verificationMetadata,
 } from "@/lib/metadata";
-import { LayoutProps } from "@/lib/types";
+import type { LayoutProps } from "@/lib/types";
 import { cn } from "@/lib/utils";
-import { Metadata, Viewport } from "next/types";
+import type { Metadata, Viewport } from "next/types";
 import { NuqsAdapter } from "nuqs/adapters/next/app";
 import "./globals.css";
+import { AnalyticsProvider } from "@tech-companies-portugal/analytics/client";
+
 export const metadata: Metadata = {
   ...defaultMetadata,
   twitter: {
@@ -42,15 +44,17 @@ export default function RootLayout({ children }: LayoutProps) {
           GeistMono.variable,
         )}
       >
-        <NuqsAdapter>
-          <Navbar />
-          {children}
-          <DotPattern
-            className={cn(
-              "[mask-image:radial-gradient(620px_circle_at_center,white,transparent)] fixed inset-0 -z-10",
-            )}
-          />
-        </NuqsAdapter>
+        <AnalyticsProvider>
+          <NuqsAdapter>
+            <Navbar />
+            {children}
+            <DotPattern
+              className={cn(
+                "[mask-image:radial-gradient(620px_circle_at_center,white,transparent)] fixed inset-0 -z-10",
+              )}
+            />
+          </NuqsAdapter>
+        </AnalyticsProvider>
       </body>
     </html>
   );

apps/web/src/app/location/[location]/layout.tsx

@@ -1,6 +1,6 @@
 import Footer from "@/components/Footer";
 import { Skeleton } from "@/components/ui/skeleton";
-import { LayoutProps } from "@/lib/types";
+import type { LayoutProps } from "@/lib/types";
 import { Suspense } from "react";
 
 export default function LocationPageLayout({ children }: LayoutProps) {

apps/web/src/app/location/[location]/page.tsx

@@ -8,8 +8,8 @@ import {
   defaultTwitterMetadata,
 } from "@/lib/metadata";
 import { getParsedCompaniesData } from "@/lib/parser/companies";
-import { NextParams } from "@/lib/types";
-import { Metadata } from "next";
+import type { NextParams } from "@/lib/types";
+import type { Metadata } from "next";
 import { Suspense } from "react";
 
 export async function generateMetadata({

apps/web/src/app/location/sitemap.ts

@@ -1,6 +1,6 @@
 import { APP_URL } from "@/lib/metadata";
 import { getParsedCompaniesData } from "@/lib/parser/companies";
-import { MetadataRoute } from "next";
+import type { MetadataRoute } from "next";
 
 export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
   const { availableLocations, updatedAtISODate } =

apps/web/src/app/robots.ts

@@ -1,5 +1,5 @@
 import { APP_URL } from "@/lib/metadata";
-import { MetadataRoute } from "next/types";
+import type { MetadataRoute } from "next/types";
 
 export default function robots(): MetadataRoute.Robots {
   return {

apps/web/src/app/sitemap.ts

@@ -1,5 +1,5 @@
 import { APP_URL } from "@/lib/metadata";
-import { MetadataRoute } from "next/types";
+import type { MetadataRoute } from "next/types";
 
 export default function sitemap(): MetadataRoute.Sitemap {
   let routes = [""].map((route) => ({

apps/web/src/components/CompaniesList.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { Company } from "@/lib/types";
+import type { Company } from "@/lib/types";
 import { matchCompanies } from "@/lib/utils";
 import { motion } from "motion/react";
 import { useMemo } from "react";

apps/web/src/components/CompaniesListHeader.tsx

@@ -1,4 +1,4 @@
-import { Company } from "@/lib/types";
+import type { Company } from "@/lib/types";
 import { cn } from "@/lib/utils";
 import { formatDistanceToNow } from "date-fns";
 import {

apps/web/src/components/CompanyItem.tsx

@@ -1,4 +1,4 @@
-import { Company } from "@/lib/types";
+import type { Company } from "@/lib/types";
 import { cn } from "@/lib/utils";
 import { ChevronRight, MapPin } from "lucide-react";
 import Link from "next/link";

apps/web/src/components/ui/badge.tsx

@@ -1,5 +1,5 @@
 import { type VariantProps, cva } from "class-variance-authority";
-import * as React from "react";
+import type * as React from "react";
 
 import { cn } from "@/lib/utils";
 

apps/web/src/lib/metadata.ts

@@ -1,4 +1,4 @@
-import { Metadata } from "next/types";
+import type { Metadata } from "next/types";
 
 export const TITLE =
   "Tech Companies in Portugal | Leading Startups & Innovators";

apps/web/src/lib/parser.ts

@@ -1,7 +1,7 @@
 import { load as cheerioLoad } from "cheerio";
 import slugify from "slugify";
 import { featuredSlugCompanies } from "./featured";
-import { Company } from "./types";
+import type { Company } from "./types";
 
 export const parseCompaniesData = async () => {
   try {

apps/web/src/lib/utils.ts

@@ -1,6 +1,6 @@
 import { type ClassValue, clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
-import { Company } from "./types";
+import type { Company } from "./types";
 
 export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs));

biome.json

@@ -39,7 +39,11 @@
       "recommended": false,
       "suspicious": {},
       "style": {
-        "useBlockStatements": "off"
+        "useBlockStatements": "off",
+        "useImportType": "error"
+      },
+      "correctness": {
+        "useExhaustiveDependencies": "error"
       }
     }
   },