Analytics Dashboard

Track visitor engagement and portfolio performance metrics

Page Views Over Time

Chart Component Placeholder

Integrate with Recharts, Chart.js, or Nivo

Top Clicked Links

Chart Component Placeholder

Display top 5 most clicked contact links

Data Integration Guide

Step 1: Configure your analytics endpoint in src/lib/analytics.ts

Step 2: Set up data collection backend (Google Sheets API, custom API, etc.)

Step 3: Create API route at src/app/api/analytics/route.ts

Step 4: Fetch data in this component using useEffect and update state

Step 5: Install chart library: npm install recharts

Recent Events

Event TypeTimestampDetails