Build an Analytics SaaS using Next.js, React, Tailwind, Map View, Insforge
🟢 Try Insforge: https://insforge.dev/?utm_source=tech...
💻 Free Source Code: https://dub.sh/pixel-sourcecode
In this video, we build a modern Full Stack Analytics SaaS platform that lets you track unique visitors, page views, map view locations, devices (browsers & OS), traffic sources, entry pages, analytics charts, and more on your website, all with a single script using Next.js 16 and Insforge with deployment.
a Google Analytics / Plausible Analytics clone
☕ Support my work: https://tinyurl.com/support-buymecoffee
🙏 Like & Subscribe To the Channel: https://tinyurl.com/subcribe-to-techw...
📢 Stay Connected:
💻 Join our Discord Community: / discord
🐦 Follow us on Twitter: https://x.com/techwithemma
🖼️ Follow us on Instagram: / techwithemmaofficial
🗝️ Key Features:
🔐 Authentication
📈 Analytics dashboard charts
📊 Track unique visitors
👀 Track page views
🌍 Map view locations
🖥️ Track devices (w/ browsers, os)
🌐 Track traffic sources
🚪 Track entry/exit pages
⚡Live visitor tracking
🏷️ Script tag for your website
🌐 Built with Next.js, Insforge
🎨 Styled with Tailwind CSS
🚀 Deployment
⏲️Timestamps 👇
00:00:00 - Intro & Demo
00:03:29 - Project Setup
00:12:58 - Landing Page
00:27:40 - Authentication
00:44:54 - Dashboard Layout
01:00:59 - Add Website
01:46:20 - Get All Websites
02:04:00 - Single Website
02:38:39 - Script
03:45:23 - Analytics Chart
04:44:49 - Locations Map View
05:22:01 - Devices Analytics
05:50:08 - Traffic Sources
06:10:31 - Live Visitor
06:21:13 - Deployment
📚 Resources:
IP Api: http://ip-api.com
Flag Api: https://flagsapi.com
Shadcn UI: https://ui.shadcn.com
Shadcn themes: https://ui.shadcn.com/themes
Nextjs: https://nextjs.org/
Other Video:
💻👉 Build an AI Mobile App Design Agent with Next.js 16, MongoDB, Inngest, Gemini:
on Youtube: • Build an AI Mobile App Design Agent with N...
skip
nodejs mern stack google analytic clone