feature(public,docs): new public website and docs

apps/public/content/articles/.cursorrules

@@ -0,0 +1,51 @@
+- **Language**
+  - Use American English.
+  - Be concise and dont hallucinate.
+  - Dont use emojis.
+  - Dont use hashtags.
+  - Dont use to fancy english. Keep it simple and readable.
+
+-  **Title Guidelines**
+  - Ensure titles are engaging and informative.
+  - Checks:
+    - **Length**: Titles should be concise, ideally under 70 characters.
+    - **Format**: Titles should start with a capital letter.
+
+-  **Introduction**
+  - Write a compelling introduction that summarizes the article.
+  - Checks:
+    - **Length**: Introduction should be at least 50 words.
+
+-  **Content Structure**
+  - Use headings and subheadings to organize content.
+  - Do not use to many headings either. Aiming for 3-5 depending on structure and article length.
+  - Avoid doing to many bullet points with the format `- **Bold text** Lorem ipsum dolor sit amet`. (max 1 per article)
+  - Checks:
+    - **Presence**: Use at least one H2 heading to structure the article.
+
+-  **Paragraph Length**
+  - Keep paragraphs short and readable.
+  - Checks:
+    - **Length**: Paragraphs should not exceed 150 words.
+
+-  **Use of Images**
+  - Incorporate images to enhance the article.
+  - Checks:
+    - **Presence**: Include at least one image to support the content.
+
+-  **SEO Best Practices**
+  - Incorporate keywords naturally throughout the article.
+  - Look in this folder for keywords in other mdx files.
+  - Checks:
+    - **Keyword Density**: Maintain keyword density between 0.5% and 2.5%.
+
+-  **Conclusion**
+  - Summarize the main points and provide a call to action.
+  - Checks:
+    - **Length**: Conclusion should be at least 30 words.
+
+-  **Grammar and Spelling**
+  - Ensure correct grammar and spelling throughout the article.
+  - Checks:
+    - **Spell Check**: Check for spelling errors.
+    - **Grammar Check**: Check for grammatical errors.

apps/public/content/articles/alternatives-to-mixpanel.mdx

@@ -0,0 +1,180 @@
+---
+title: Find an alternative to Mixpanel
+description: A list of alternatives to Mixpanel, including open source and paid options.
+date: 2024-11-12
+team: OpenPanel Team
+tag: Comparison
+cover: /content/cover-alternatives.jpg
+---
+
+> Want to understand how people use your website? You might think of using Mixpanel first. But it can be complex and hard to learn.
+
+Think about using something else that's just as good but simpler to use. A tool that makes collecting data easy without the struggle of learning complex features.
+
+Here's what a better website analytics tool can give you:
+- **Confidence**: Make choices based on data
+- **Efficiency**: Work faster with your analytics
+- **Ease**: Less complex, easier to learn
+
+## Understanding Website Analytics
+
+Website analytics helps you collect and understand website data. It shows you how people use your website.
+
+Since 2016, more companies have started using digital analytics. Companies now want to know how users behave, spot patterns, and make better choices using data.
+
+Just counting website visits isn't enough anymore. Understanding how users interact with your website can show you important insights and opportunities.
+
+Good website analytics helps you set goals, track progress, and make your website better. You need tools that are both powerful and easy to use.
+
+These tools turn raw numbers into useful insights, helping you stay ahead of others.
+
+## Introduction to Mixpanel
+
+Mixpanel is a powerful analytics tool that helps marketers, developers, and product managers understand how users behave on their websites and apps.
+
+Started in 2009, this platform changed how we look at data in real-time.
+
+Mixpanel helps teams track user engagement and keep users coming back.
+
+It tracks specific user actions instead of just page views, giving you better insights into what users do.
+
+Its dashboard shows real-time data clearly, helping teams make better decisions.
+
+Mixpanel remains a strong player in analytics, helping businesses improve their online presence.
+
+## Limitations of Mixpanel
+
+Despite its strengths, Mixpanel has several problems users need to deal with.
+
+First, Mixpanel's pricing is often too high. The cost of all its features may not make sense for smaller companies or startups, making it hard for growing businesses to use. Simply put, you might not get enough value for what you pay.
+
+Second, Mixpanel is hard to learn. New users often struggle with its complex interface.
+
+Third, Mixpanel doesn't work well with some important business tools. This makes it hard to connect all your data in one place.
+
+Lastly, setting up event tracking is difficult. Users need to carefully set up tracking for each action they want to monitor, which takes time and can lead to mistakes. This means teams often spend too much time setting things up instead of using the data right away.
+
+## The Need for Simpler Solutions
+
+In today's busy market, having easy-to-use analytics is key for business success.
+
+Simple tools help companies collect and understand data without confusion.
+
+These tools are easy to use and quick to set up, saving time and money. By making data collection and analysis simpler, businesses of any size can use analytics without needing technical experts or long training.
+
+More importantly, simple solutions help small and medium-sized businesses compete better. Good data insights can change how well a business does. With easy-to-use alternatives to Mixpanel, even businesses with small budgets can grow and make smart choices. Using these simple tools lets businesses focus on what matters—growing and succeeding.
+
+## Key Features to Look For
+
+When choosing a Mixpanel alternative, look for these important features:
+- Easy to set up
+- Real-time data
+- Simple to use
+- Good data charts and graphs
+
+First, it should be easy to connect with your website.
+
+The tool should show you data as it happens, helping you make quick decisions.
+
+It should be easy to use. A tool that's simple to understand saves time and is easier to learn.
+
+Good data charts are important. Look for tools that show data in ways that make sense to you.
+
+You should be able to change the tool to fit your needs.
+
+Lastly, it should be worth the money. The best tool gives you good features at a fair price.
+
+## Benefits of a Mixpanel Alternative
+
+Using a simpler alternative to Mixpanel can make your work easier and better.
+
+First, it's more efficient. Simpler tools are faster to learn and use, helping your team work better. When tools are easier to use, people enjoy using them more.
+
+Also, you can save money. Many alternatives do similar things as Mixpanel but cost less, letting you spend money on other important things while still getting good analytics.
+
+Finally, alternatives often let you customize more things to fit your needs. This helps you get better insights and make better plans.
+
+## Cost-Effectiveness
+
+> Choosing a simpler Mixpanel alternative can save you money and help you grow.
+
+The lower prices of many alternatives help you save money. You can use this saved money for other important things while still getting good analytics. These savings add up over time.
+
+**Key Benefits:**
+- Lower prices
+- Fewer extra features you don't need
+- Less training needed
+- Faster to start using
+
+In the end, saving money with alternatives isn't just about the price. By using simpler tools, businesses can balance cost and features better.
+
+## User-Friendly Interface
+
+> A simple, easy-to-use design means you can start using the data quickly, without lots of training.
+
+A big benefit of Mixpanel alternatives is how easy they are to use. This helps everyone use the tool well, no matter their tech skills.
+
+Simple navigation helps you work faster. Users can find what they need quickly and easily. By focusing on the main features, users don't get confused by too many options.
+
+**Impact:** When tools are easy to use, teams can do better work without getting frustrated. Clear dashboards show important information simply.
+
+## Customizable Reports
+
+> Your data, your way. Turn numbers into insights that help you take action.
+
+Custom reports let you see data how you want to. This saves time and helps you understand complex data better.
+
+A good Mixpanel alternative should have:
+- Easy drag-and-drop tools
+- Live data updates
+- Different ways to show charts
+
+## Data Accuracy
+
+> Accurate data helps you trust your analytics.
+
+In website analytics, good data is very important. It affects your decisions and results. With a Mixpanel alternative, getting accurate data is key.
+
+**Important Points:**
+- Data you can trust
+- Regular accuracy checks
+- Ongoing data testing
+- Building trust with your team
+
+## Real-Time Analytics
+
+> In today's fast-moving online world, seeing data right away helps you make better decisions.
+
+These tools let you watch how people use your website as it happens. You don't have to wait for reports; you see everything right away.
+
+**Impact:** Whether you're tracking clicks, page views, or sales, seeing data right away helps you fix problems quickly and find new opportunities.
+
+## Tips for Transitioning
+
+> A good switch starts with a clear plan and ends with confident users.
+
+Start by making a clear plan with goals and timelines. This helps everyone understand what's happening.
+
+**Best Steps:**
+1. Get your team involved early
+2. Train everyone well
+3. Test with a small project first
+4. Keep talking with your team
+5. Find team members who can help others
+
+## Future Trends in Website Analytics
+
+> As websites change, analytics tools are changing too, bringing new ways to understand data.
+
+**Important New Trends:**
+
+**AI tools**
+AI helps businesses not just understand what users did before, but guess what they might do next.
+
+**Privacy first analytics**
+With new privacy laws like GDPR and CCPA, companies are finding new ways to get insights while protecting user privacy.
+
+**Quick data updates**
+Getting data quickly helps businesses make faster, better decisions.
+
+By using these new tools, businesses can better understand their users and do better online.

apps/public/content/articles/introduction-to-openpanel.mdx

@@ -0,0 +1,43 @@
+---
+title: Introduction to OpenPanel
+description: OpenPanel is a versatile analytics platform that offers a wide array of features to meet your data analysis needs.
+tag: Introduction
+team: OpenPanel Team
+date: 2024-11-09
+---
+
+Welcome to OpenPanel, the open-source analytics platform designed to be a robust alternative to Mixpanel and a great substitute for Google Analytics. In this article, we'll explore why OpenPanel is the ideal choice for businesses looking to leverage powerful analytics while maintaining control over their data.
+
+## Why Open Source?
+
+At OpenPanel, we are committed to the principles of open-source software. By making our code publicly available, we invite a community of developers and users to contribute to and enhance our platform. This collaborative approach not only fosters innovation but also ensures transparency in how data is managed and processed—a crucial consideration in today's data-driven world. You can explore our code and contribute on [GitHub](https://github.com/openpanel/openpanel).
+
+## Why Choose OpenPanel?
+
+Our journey began with a vision to create an open-source alternative to Mixpanel, a tool we admired for its product analytics capabilities. However, as we developed OpenPanel, we realized the potential to offer more comprehensive features that Mixpanel lacked, particularly in the realm of web analytics. While Mixpanel excels in product analytics, it doesn't fully address web analytics needs. OpenPanel bridges this gap by integrating both web and product analytics, providing a holistic view of user behavior.
+
+## What Can You Do with OpenPanel?
+
+OpenPanel is a versatile analytics platform that offers a wide array of features to meet your data analysis needs:
+
+-   **Web Analytics**: Gain insights similar to tools like Plausible, Fathom, and Simple Analytics.
+-   **Product Analytics**: Analyze product usage and user interactions, akin to Mixpanel.
+-   **User Retention**: Track and enhance user retention rates.
+-   **Funnels**: Visualize user journeys and conversion paths.
+-   **Events**: Monitor specific user actions and interactions.
+-   **Profiles**: Create detailed user profiles to better understand your audience.
+-   **Real-Time View**: Display real-time data on a big monitor in your office for dynamic insights.
+-   **Export API**: Seamlessly export your data for further analysis.
+-   **Chart API**: Integrate custom visualizations into your dashboards.
+
+## Commitment to Privacy
+
+Privacy and data protection are at the core of OpenPanel's philosophy. We believe that your data is your property, and you should have full control over it. Our tracking script is fully open-source and complies with GDPR and CCPA regulations. Unlike many analytics tools, we do not use cookies to track users; instead, we utilize fingerprinting techniques similar to Plausible, ensuring user privacy without sacrificing functionality.
+
+## Your Data is Safe with Us
+
+At OpenPanel, your data security is our priority. We never sell your data to third parties. To sustain our service, we charge a small fee, but our pricing remains competitive with other analytics solutions. If you prefer, you can also self-host OpenPanel, maintaining complete control over your data. You can delete or export your data at any time, ensuring no vendor lock-in.
+
+## Listening to Feedback
+
+Our users are our greatest asset, and their feedback shapes the evolution of OpenPanel. We actively seek input from our community to refine existing features and introduce new ones that support business growth. Your suggestions drive our innovation, helping us deliver a product that meets your needs.

apps/public/content/articles/top-7-open-source-web-analytics-tools.mdx

@@ -0,0 +1,106 @@
+---
+title: Top 7 Open-Source Web Analytics Tools
+description: In an era where data drives decisions, what are your best options for web analytics?
+date: 2024-11-10
+cover: /content/cover-best-web-analytics.jpg
+tag: Comparison
+team: OpenPanel Team
+---
+
+In an era where data drives decisions, what are your best options for web analytics?
+
+Consider the power and potential of open-source alternatives to proprietary solutions. Discovering these tools can significantly elevate your insights while maintaining flexibility and control.
+
+## 1. Understanding Web Analytics Challenges
+
+Navigating the landscape of web analytics presents numerous challenges that require careful deliberation and strategic management.
+
+Firstly, creating a comprehensive data strategy is a daunting task that requires a clear understanding of key performance indicators (KPIs) and user behavior metrics. This complexity is further compounded by the necessity of integrating data from various sources, creating a multifaceted view of user interactions.
+
+Moreover, data accuracy is a perpetual concern in web analytics. Ensuring that collected data is both accurate and relevant requires robust validation methods, alongside consistency checks to prevent discrepancies that could distort analytics insights.
+
+Finally, the challenge of real-time data analysis looms large for many organizations. To truly harness the power of their analytics, enterprises must adopt solutions that provide immediate, actionable insights. This necessitates not only advanced technical infrastructure but also a skilled team capable of interpreting and reacting to data in real-time, driving agile decision-making.
+
+## 2. Plausible - A Privacy-Focused Solution
+
+Plausible emerges as a robust alternative, offering a vital blend of simplicity, transparency, and privacy in web analytics. This solution stands out because it respects user privacy while delivering meaningful insights. Plausible is designed to align seamlessly with the modern emphasis on data protection.
+
+Plausible’s distinguishing feature lies in its commitment to not collecting personal data. Consequently, this principled stance minimizes the risk of privacy breaches. Users can enjoy peace of mind knowing their information is handled with care.
+
+Moreover, Plausible’s interface is intuitively crafted to ensure ease of use while maintaining comprehensive functionality. It’s particularly suitable for users who desire straightforward yet powerful analytics solutions.
+
+Serving as a beacon for ethical web analytics, Plausible avoids employing cookies and complies with privacy laws such as GDPR, CCPA, and PECR. This implementation instills trust and reliability among businesses and their users.
+
+Plausible’s affordability and clear, concise data presentation make it an attractive option for startups and enterprises alike, interested in extracting maximum value from their web analytics. Furthermore, it remains open-source, welcoming community contributions that continually enhance its features.
+
+In essence, Plausible excels by marrying simplicity with ethical data practices. The focus on privacy does not compromise the depth of insights provided. This makes Plausible an inspiring choice for forward-thinking businesses.
+
+## 3. Matomo - Comprehensive Data Control
+
+Matomo epitomizes robust data control.
+
+Formerly known as Piwik, Matomo provides exhaustive data ownership. This open-source web analytics platform offers a powerful alternative to proprietary tools, giving you the ultimate autonomy over your user data. Consequently, you can bypass the usual data governance concerns associated with third-party services.
+
+Data privacy is Matomo's utmost priority.
+
+Its infrastructure guarantees that your sensitive data is stored on your servers, ensuring compliance with rigorous privacy standards. This autonomous setup fosters trust, providing stakeholders with the reassurance of uncompromised data security.
+
+Beyond data control, Matomo supports a suite of advanced analytics features. These capabilities include customizable dashboards, granular user segmentation, and detailed visitor profiles. As a result, businesses can extract deep insights while adhering to their unique data governance policies.
+
+Matomo’s future-proof design and open-source nature position it as an enduring solution in web analytics. Through an engaged community and continuous updates, Matomo remains adaptive to the evolving digital landscape, ensuring its users stay ahead of their analytical needs.
+
+## 4. Fathom - User-Friendly with Great Privacy
+
+Fathom is distinguished by its exceptional ease of use and robust privacy features. It’s designed to simplify analytics for everyone, from novices to experts.
+
+Fathom guarantees that user data remains confidential.
+
+Users can attain actionable insights without compromising privacy, paving the way for a balance between data-driven decision-making and stringent privacy standards. Emphasizing simplicity, Fathom provides intuitive interfaces and dashboards that enable swift comprehension and application.
+
+Beyond ease of use, Fathom’s minimalist approach significantly reduces the learning curve, making it accessible even to those new to web analytics. In doing so, it empowers businesses to harness critical insights rapidly, ensuring that privacy concerns never hinder analytical capabilities. Moreover, Fathom's commitment to “zero” tracking ensures peace of mind while leveraging insightful data.
+
+## 5. Umami - Simple and Effective Analytics
+
+Umami is an open-source web analytics tool that stands out for its simplicity, usability, and potent capabilities. This platform appeals to those who prioritize straightforward yet comprehensive analysis of their web traffic.
+
+With Umami, you enjoy a clutter-free interface.
+
+Contrary to more complex systems, Umami minimizes the learning curve.
+
+Umami assesses data efficiently, offering insights in an instantly understandable format.
+
+The platform fosters data-driven decision-making without unnecessary complexity, presenting neatly organized statistics and metrics. Furthermore, it prides itself on user privacy and does not collect IP addresses.
+
+Ultimately, Umami is testament to how simplicity and effectiveness can coexist, securing its place as a distinguished choice in web analytics. This platform allows you to focus on actionable insights without wading through extraneous data.
+
+## 6. PostHog - Powerful and Self-Hosted Insights
+
+PostHog truly shines as a robust, open-source solution for insightful web analytics.
+
+Offering extensive, self-hosted analytics, it provides businesses with unrivaled control and privacy. This setup gives firms the leverage to harness detailed data about user behavior while maintaining stringent data security protocols. You can track all sorts of interactions, from clicks to conversions, with exquisite precision.
+
+Notably, PostHog thrives on contributing towards community-driven development. It continually evolves with feedback from its users, ensuring that the tool stays up-to-date with the latest web analytics trends and needs. Therefore, you are not just adopting a tool; you are joining a vibrant and proactive community.
+
+Embrace the power of PostHog for a data-driven future. Its functionality goes beyond basic metrics, offering intricate insights and real-time features. This gives you an edge, enabling strategic decision-making based on comprehensive and reliable data garnered in real-time.
+
+## 7. Ackee - Minimalistic and Self-Hosted
+
+When you envision simplicity, efficiency, and security in web analytics, Ackee stands out brilliantly.
+
+Founded in 2016, Ackee exemplifies a minimalistic approach with no compromise on essential functionalities. Designed to be self-hosted, it ensures that sensitive data resides exclusively on your servers, giving you complete control.
+
+Even more impressive is how Ackee’s straightforward user interface makes it exceedingly easy to integrate and use. With support for various platforms, you can accurately track visitor patterns and engagement across multiple digital touchpoints without any hassle.
+
+Its lightweight nature means Ackee won’t burden your system resources, allowing for both efficiency and speed. Installation is simple, typically completed within 3 minutes, offering extensive customization options and highly intuitive dashboards.
+
+Ackee’s compelling advantage lies in its focus on privacy and data security. It provides web analytics without compromising the trust of your users.
+
+## OpenPanel - In our opinion the best option
+
+When searching for a comprehensive, open-source web analytics tool, OpenPanel stands out remarkably, offering an unparalleled suite of features.
+
+Its blend of ease-of-use and robust functionality is simply exceptional.
+
+OpenPanel not only delivers detailed analytics but also integrates seamlessly with our existing tech stack. This ensures a consistent user experience, fostering both simplicity and productivity.
+
+The software's intuitive analytics allow for deep insights into user behavior, making it a perfect solution for dynamic and data-driven organizations. Its high degree of customization ensures it adapts to our specific requirements, embodying the perfect balance of flexibility and reliability. Thus, OpenPanel positions itself as the premier choice for innovators seeking an open-source alternative in web analytics.

apps/public/content/articles/vs-mixpanel.mdx

@@ -0,0 +1,103 @@
+---
+title: Mixpanel vs OpenPanel
+description: A comparison between Mixpanel and OpenPanel
+date: 2024-11-13
+tag: Comparison
+team: OpenPanel Team
+cover: /content/cover-mixpanel.jpg
+---
+import { Figure } from "@/components/figure";
+
+OpenPanel is based on the same principles as Mixpanel, but with a few key differences. We'll go through some of the features and see how they compare.
+
+## Web analytics
+
+Mixpanel is a great product analytics tool but in our minds its lacking in this area. Web analytics should always be easy to get going and we think Mixpanel has to much focus on product analytics.
+
+In OpenPanel you do not need to do anything to get your web analytics up and running. Just add the tracking snippet to your website or app and you're up and running.
+
+<Figure
+  src="/content/screenshot-web-analytics.png"
+  alt="OpenPanel web analytics dashboard showing pageviews, sessions and other key metrics"
+  caption="OpenPanel's web analytics dashboard provides key metrics at a glance"
+/>
+
+## Product analytics
+
+Mixpanel's strength is in product analytics and it's hard to beat (to be honest). Nevertheless we aim to have the same great features in OpenPanel.
+
+Probably the most used feature in Mixpanel is their report tool, where you can create all kinds of charts and see how different things are doing. We have tried to make a similar experiance where you can pick and choose different metrics and dimensions to create your own custom reports.
+
+Some of the features we have added are:
+
+- **Funnels**
+- **Retention**
+- **Line charts**
+- **Bar charts**
+- **Histogram charts**
+- **Area charts**
+- **Pie charts**
+- **Map charts**
+- **Events**
+- **Profiles**
+
+<Figure
+  src="/content/screenshot-report-funnel.png"
+  alt="OpenPanel report tool showing a funnel"
+  caption="OpenPanel's report tool provides a wide range of charts and metrics"
+/>
+
+## Cookies vs Cookieless
+
+Mixpanel is a cookie-based tool, which means that it relies on cookies to track users. This provides advantages like:
+- More accurate user identification across sessions
+- Better cross-domain tracking
+- Easier integration with existing cookie-based systems
+
+However, it also comes with challenges:
+- Requires cookie consent banners in many jurisdictions
+- Can be blocked by ad blockers and privacy-focused browsers
+- May not work with upcoming cookie restrictions
+
+OpenPanel uses a cookieless approach, relying instead on privacy-preserving techniques like fingerprinting and session-based tracking. This offers benefits such as:
+- No cookie consent banners required
+- Works even when cookies are blocked
+- Future-proof against upcoming cookie restrictions
+
+> Its up to you to decide what's best for your users and your business.
+
+## Realtime
+
+Both Mixpanel and OpenPanel have real-time analytics. Its just a matter of seconds before you can see what's happening in your product or website. 
+
+But we have added a new feature in OpenPanel which we call `Realtime`. It's similar to Google Analytics' real-time view since we love looking at big screens with live data.
+
+<Figure
+  src="/content/screenshot-realtime.png"
+  alt="OpenPanel real-time analytics dashboard showing active users and other key metrics"
+  caption="See where all your users are at the moment in OpenPanel's realtime view"
+/>
+
+## Notifications
+
+In OpenPanel you can create notifications for different events. This is a great way to stay on top of things and get notified when something is happening.
+
+You can define advanced conditions when and what to notify you about. We have several integrations with other tools so you can easily connect your notifications to other tools you use.
+
+As of now, we don't believe Mixpanel has this feature.
+
+## Similarities
+
+### Profiles
+
+Both Mixpanel and OpenPanel allow you to see profiles of your users. This is a great way to understand your users and see how they are doing.
+
+### Events
+
+You get new events in realtime in both Mixpanel and OpenPanel, you can search and filter on any property. Mixpanel might be a bit faster but it's not a big difference.
+
+## Conclusion
+
+Mixpanel is a great product analytics tool but in our minds its lacking in this area. Web analytics should always be easy to get going and we think Mixpanel has to much focus on product analytics.
+
+**OpenPanel is a great alternative to Mixpanel** if you want to get started with analytics quickly and easily.