Add vercel analytics and speed insights

.github/workflows/node.js.yml

@@ -30,6 +30,6 @@ jobs:
     - run: npm run build --if-present
     - uses: amondnet/vercel-action@v20
       with:
-        vercel-token: $${{ secrets.VERCEL_TOKEN }}
-        vercel-org-id: $${{ secrets.VERCEL_ORG_ID }}
+        vercel-token: ${{ secrets.VERCEL_TOKEN }}
+        vercel-org-id: ${{ secrets.VERCEL_ORG_ID }}
         vercel-project-id: ${{ secrets.VERCEL_PROJECT_ID }}

package.json

@@ -13,6 +13,8 @@
     "@nextui-org/react": "^2.4.2",
     "@supabase/auth-helpers-nextjs": "^0.10.0",
     "@supabase/supabase-js": "^2.44.2",
+    "@vercel/analytics": "^1.3.1",
+    "@vercel/speed-insights": "^1.0.12",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "framer-motion": "^11.2.12",

src/app/layout.tsx

@@ -4,6 +4,8 @@ import './globals.css'
 import Header from '@/components/layout/Header'
 import Footer from '@/components/layout/Footer'
 import { ThemeProvider } from 'next-themes'
+import { Analytics } from "@vercel/analytics/react"
+import { SpeedInsights } from "@vercel/speed-insights/next"
 
 const inter = Inter({ subsets: ['latin'] })
 
@@ -22,6 +24,8 @@ export default function RootLayout({
             <Footer />
           </div>
         </ThemeProvider>
+        <Analytics />
+        <SpeedInsights />
       </body>
     </html>
   )

src/app/page.tsx

@@ -26,6 +26,8 @@ export default async function Home() {
     return <div>Error loading featured properties</div>
   }
 
+  console.log('Featured properties:', properties)
+
   const { data: testimonials, error: testimonialsError } = await supabase
     .from('reviews')
     .select(`
@@ -47,7 +49,7 @@ export default async function Home() {
     return <div>Error loading testimonials</div>
   }
 
-  // console.log('Testimonials:', testimonials)
+  console.log('Testimonials:', testimonials)
 
   return (
     <main className="bg-background">