How to add analytics to react-router v7(ft. posthog)
Today we go over the best analytics tool out there for tracking our users activity on our web applications or web servers.
That tool is Posthog! Y-combinator backed startup that is changing the landscape of analytics!
This works for React, Node, Next, you name it. As long as it's in Javascript it runs and helps you track what matters the most!
🔗 Resources and Links:
GitHub Repo: https://github.com/AlemTuzlak/remix-e...
Jacob Paris article: https://www.jacobparis.com/content/sv...
Package Repo: https://github.com/forge42dev/vite-pl...
👍 Don't forget to like, comment, and subscribe for more episodes in this series! Join our coding community and let's build something amazing together.
📌 Stay Connected:
Twitter: / alemtuzlak
GitHub: https://github.com/AlemTuzlak
Company Github: https://github.com/forge-42
⏱️ Timestamps:
00:00 - Intro
01:20 - What they offer
03:43 - Analytics Dashboard overview
07:10 - Implementing Posthog
09:07 - Adding Posthog on the client
10:37 - Adding Posthog hooks
13:24 - Syncing client/server parts
16:08 - Server side implementation
20:06 - Passing server info to the client
23:10 - Overview of the dashboard after our implementation
🔖 Tags:
Remix framework, Vite, Remix Vite, web development, frontend development, Remix tutorial, coding tutorial, Remix Vite tutorial, open source, coding community, Vite