Add Plausible

spliit-app · Dec 11, 2023 · 4f43e8e · 4f43e8e
1 parent 9f7ea9c
commit 4f43e8e
Show file tree

Hide file tree

Showing 6 changed files with 23 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -20,6 +20,7 @@ Spliit is a free and open source alternative to Splitwise. I created it back in
 - [Next.js](https://nextjs.org/) for the web application
 - [TailwindCSS](https://tailwindcss.com/) for the styling
 - [shadcn/UI](https://ui.shadcn.com/) for the UI components
+- [Prisma](https://prisma.io) to access the database
 - [Vercel](https://vercel.com/) for hosting (application and database)
 
 ## Contribute

diff --git a/next.config.js b/next.config.js
@@ -1,4 +1,5 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {}
 
-module.exports = nextConfig
+const { withPlausibleProxy } = require('next-plausible')
+module.exports = withPlausibleProxy()(nextConfig)
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -25,6 +25,7 @@
     "clsx": "^2.0.0",
     "lucide-react": "^0.290.0",
     "next": "^14.0.4",
+    "next-plausible": "^3.12.0",
     "next-themes": "^0.2.1",
     "next13-progressbar": "^1.1.1",
     "pg": "^8.11.3",

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -4,6 +4,7 @@ import { ThemeToggle } from '@/components/theme-toggle'
 import { Button } from '@/components/ui/button'
 import { env } from '@/lib/env'
 import type { Metadata, Viewport } from 'next'
+import PlausibleProvider from 'next-plausible'
 import Image from 'next/image'
 import Link from 'next/link'
 import './globals.css'
@@ -63,6 +64,9 @@ export default function RootLayout({
 }) {
   return (
     <html lang="en" suppressHydrationWarning>
+      {env.PLAUSIBLE_DOMAIN && (
+        <PlausibleProvider domain={env.PLAUSIBLE_DOMAIN} trackOutboundLinks />
+      )}
       <body className="pt-16 min-h-[100dvh] flex flex-col items-stretch">
         <ThemeProvider
           attribute="class"

diff --git a/src/lib/env.ts b/src/lib/env.ts
@@ -4,6 +4,7 @@ const envSchema = z.object({
   NEXT_PUBLIC_BASE_URL: z.string().url(),
   POSTGRES_URL_NON_POOLING: z.string().url(),
   POSTGRES_PRISMA_URL: z.string().url(),
+  PLAUSIBLE_DOMAIN: z.string().optional(),
 })
 
 export const env = envSchema.parse(process.env)