WebTracker is a powerful, privacy-focused web analytics platform that helps you understand your website's performance and visitor behavior without compromising user privacy. Built with Next.js and modern web technologies, WebTracker provides real-time insights into your web traffic, user engagement, and more.
🚀 Real-Time Analytics - See visitor activity as it happens with live updates and no delay (Coming Soon)
📊 Comprehensive Dashboards - Visualize your web traffic with intuitive charts and graphs
🌎 Global Audience Tracking - Track where your visitors are coming from with country-level analytics
📱 Device Analytics - Understand what devices and operating systems your visitors use
🔍 Traffic Source Analysis - Identify where your visitors are coming from to optimize marketing efforts
⚡ Performance Metrics - Monitor page load times and other performance indicators
🔒 Privacy-Focused - Collect data without compromising visitor privacy or using cookies
- Frontend: Next.js, React, Tailwind CSS, Framer Motion
- Backend: Next.js API Routes
- Database: PostgreSQL with Drizzle ORM
- Authentication: NextAuth.js
- Analytics: Custom tracking script
- Visualization: Recharts, React Simple Maps
- Node.js (v18 or later)
- PostgreSQL database
- bun
-
Clone the repository:
git clone https://github.com/yourusername/webtracker.git cd webtracker -
Install dependencies:
bun install
-
Set up environment variables:
# Create a .env.local file with the following variables DATABASE_URL="postgresql://username:password@localhost:5432/webtracker" NEXTAUTH_SECRET="your-nextauth-secret" NEXTAUTH_URL="http://localhost:3000" -
Run the database migrations:
npx drizzle-kit push
-
Start the development server:
bun run dev
Add this snippet to your HTML:
<script
defer
data-domain="yourdomain.com"
src="https://webtracker.avikmukherjee.tech/tracking-script.js"
>
</script>Add this snippet to your app/layout.tsx:
<Script
defer
data-domain="yourdomain.com"
src="https://webtracker.avikmukherjee.tech/tracking-script.js"
/>- Register/login to your WebTracker account
- Navigate to the Dashboard
- Select your website to view detailed analytics
WebTracker can be deployed to any platform that supports Next.js applications:
-
Build the application:
bun run build
-
Start the production server:
bun run start
Ensure your production database is properly configured and accessible from your deployment environment. Update your environment variables accordingly.
webtracker/
├── public/ # Static assets and tracking script
├── src/ # Source files
│ ├── app/ # Next.js App Router
│ ├── components/ # React components
│ ├── lib/ # Utilities and database schema
│ └── auth.ts # Authentication configuration
├── .env.example # Example environment variables
└── README.md # Project documentation
Contributions are welcome! Please feel free to submit a Pull Request.
- Fork the project
- Create your feature branch (
git checkout -b feat/amazing-feature) - Commit your changes (
git commit -m 'Add some amazing feature') - Push to the branch (
git push origin feat/amazing-feature) - Open a Pull Request
This Project is under GNU General Public License - GPL 3.0.
Avik Mukherjee - LinkedIn - Twitter/X
Project Link: Repo Link