+ );
+}
+
+export function FeatureMore({
+ children,
+ href,
+ className,
+}: {
+ children: React.ReactNode;
+ href: string;
+ className?: string;
+}) {
+ return (
+
+ {children}
+
+ );
+}
diff --git a/apps/public/components/figure.tsx b/apps/public/components/figure.tsx
new file mode 100644
index 00000000..cc7b31db
--- /dev/null
+++ b/apps/public/components/figure.tsx
@@ -0,0 +1,22 @@
+import Image from 'next/image';
+
+export function Figure({
+ src,
+ alt,
+ caption,
+}: { src: string; alt: string; caption: string }) {
+ return (
+
+
+
+ {caption}
+
+
+ );
+}
diff --git a/apps/public/components/footer.tsx b/apps/public/components/footer.tsx
new file mode 100644
index 00000000..15a3e5e7
--- /dev/null
+++ b/apps/public/components/footer.tsx
@@ -0,0 +1,144 @@
+import { baseOptions } from '@/app/layout.config';
+import { MailIcon } from 'lucide-react';
+import Link from 'next/link';
+import { SingleSwirl } from './Swirls';
+import { Logo } from './logo';
+import { SectionHeader } from './section';
+import { Tag } from './tag';
+import { Button } from './ui/button';
+
+export function Footer() {
+ return (
+
+
+
+
+
+ Discover User Insights}
+ title="Effortless web & product analytics"
+ description="Simplify your web & product analytics with our user-friendly platform. Collect, analyze, and optimize your data in minutes, for free."
+ />
+
+
+ );
+}
diff --git a/apps/public/components/sections/faq.tsx b/apps/public/components/sections/faq.tsx
new file mode 100644
index 00000000..586ac15e
--- /dev/null
+++ b/apps/public/components/sections/faq.tsx
@@ -0,0 +1,136 @@
+import { ShieldQuestionIcon } from 'lucide-react';
+import Script from 'next/script';
+import { Section, SectionHeader } from '../section';
+import { Tag } from '../tag';
+import {
+ Accordion,
+ AccordionContent,
+ AccordionItem,
+ AccordionTrigger,
+} from '../ui/accordion';
+
+const questions = [
+ {
+ question: 'Is OpenPanel free?',
+ answer: [
+ 'Yes and no, we have a free tier if you send less then 10k events per month, if you need more, you can upgrade to a paid plan.',
+ 'OpenPanel is open-source and free to self-hosting.',
+ ],
+ },
+ {
+ question: 'Is everything really unlimited?',
+ answer: [
+ 'Everything except the amount of events is unlimited.',
+ 'We do not limit the amount of users, projects, dashboards, etc. We want a transparent and fair pricing model and we think unlimited is the best way to do this.',
+ ],
+ },
+ {
+ question: 'What is the difference between web and product analytics?',
+ answer: [
+ 'Web analytics focuses on website traffic metrics like page views, bounce rates, and visitor sources. Product analytics goes deeper into user behavior, tracking specific actions, user journeys, and feature usage within your application.',
+ ],
+ },
+ {
+ question: 'Do I need to modify my code to use OpenPanel?',
+ answer: [
+ 'Minimal setup is required. Simply add our lightweight JavaScript snippet to your website or use one of our SDKs for your preferred framework. Most common frameworks like React, Vue, and Next.js are supported.',
+ ],
+ },
+ {
+ question: 'Is my data GDPR compliant?',
+ answer: [
+ 'Yes, OpenPanel is fully GDPR compliant. We collect only essential data, do not use cookies for tracking, and provide tools to help you maintain compliance with privacy regulations.',
+ 'You can self-host OpenPanel to keep full control of your data.',
+ ],
+ },
+ {
+ question: 'How does OpenPanel compare to Mixpanel?',
+ answer: [
+ 'OpenPanel offers most of Mixpanel report features such as funnels, retention and visualizations of your data. If you miss something, please let us know. The biggest difference is that OpenPanel offers better web analytics.',
+ 'Other than that OpenPanel is way cheaper and can also be self-hosted.',
+ ],
+ },
+ {
+ question: 'How does OpenPanel compare to Plausible?',
+ answer: [
+ `OpenPanel's web analytics is inspired by Plausible like many other analytics tools. The difference is that OpenPanel offers more tools for product analytics and better support for none web devices (iOS,Android and servers).`,
+ ],
+ },
+ {
+ question: 'How does OpenPanel compare to Google Analytics?',
+ answer: [
+ 'OpenPanel offers a more privacy-focused, user-friendly alternative to Google Analytics. We provide real-time data, no sampling, and more intuitive product analytics features.',
+ 'Unlike GA4, our interface is designed to be simple yet powerful, making it easier to find the insights you need.',
+ ],
+ },
+ {
+ question: 'Can I export my data?',
+ answer: [
+ 'Currently you can export your data with our API. Depending on how many events you have this can be an issue.',
+ 'We are working on better export options and will be finished around Q1 2025.',
+ ],
+ },
+ {
+ question: 'What kind of support do you offer?',
+ answer: ['Currently we offer support through GitHub and Discord.'],
+ },
+];
+
+export default Faq;
+export function Faq() {
+ // Create the JSON-LD structured data
+ const faqJsonLd = {
+ '@context': 'https://schema.org',
+ '@type': 'FAQPage',
+ mainEntity: questions.map((q) => ({
+ '@type': 'Question',
+ name: q.question,
+ acceptedAnswer: {
+ '@type': 'Answer',
+ text: q.answer.join(' '),
+ },
+ })),
+ };
+
+ return (
+
+ {/* Add the JSON-LD script */}
+
+
+
+
+ Get answers today
+
+ }
+ title="FAQ"
+ description="Some of the most common questions we get asked."
+ />
+
+
+ {questions.map((q) => (
+
+ {q.question}
+
+
+ {q.answer.map((a) => (
+
{a}
+ ))}
+
+
+
+ ))}
+
+
+ );
+}
diff --git a/apps/public/components/sections/features.tsx b/apps/public/components/sections/features.tsx
new file mode 100644
index 00000000..48e9e1f4
--- /dev/null
+++ b/apps/public/components/sections/features.tsx
@@ -0,0 +1,235 @@
+import {
+ Feature,
+ FeatureContent,
+ FeatureList,
+ FeatureMore,
+} from '@/components/feature';
+import { Section, SectionHeader } from '@/components/section';
+import { Tag } from '@/components/tag';
+import {
+ AreaChartIcon,
+ BarChart2Icon,
+ BarChartIcon,
+ BatteryIcon,
+ ClockIcon,
+ CloudIcon,
+ ConeIcon,
+ CookieIcon,
+ DatabaseIcon,
+ LineChartIcon,
+ MapIcon,
+ PieChartIcon,
+ UserIcon,
+} from 'lucide-react';
+import { EventsFeature } from './features/events-feature';
+import { ProductAnalyticsFeature } from './features/product-analytics-feature';
+import { ProfilesFeature } from './features/profiles-feature';
+import { WebAnalyticsFeature } from './features/web-analytics-feature';
+
+export function Features() {
+ return (
+
+
+
+ Batteries included
+
+ }
+ title="Everything you need"
+ description="We have combined the best features from the most popular analytics tools into one simple to use platform."
+ />
+
+ }>
+
+
+ {/*
+ And mouch more
+ */}
+
+
+ }>
+
+
+ {' '}
+ Line
+
,
+
+ {' '}
+ Bar
+
,
+
+ {' '}
+ Pie
+
,
+
+ {' '}
+ Area
+
,
+
+ {' '}
+ Histogram
+
,
+
+ {' '}
+ Map
+
,
+
+ {' '}
+ Funnel
+
,
+
+ {' '}
+ Retention
+
,
+ ]}
+ />
+
+
+
+
+ }
+ title="Real time analytics"
+ content={[
+ 'Get instant insights into your data. No need to wait for data to be processed, like other tools out there, looking at you GA4...',
+ ]}
+ />
+
+
+ }
+ title="Own your own data"
+ content={[
+ 'Own your data, no vendor lock-in. Export your all your data or delete it any time',
+ ]}
+ />
+
+
+
+
+ }
+ title="Cloud or self-hosted"
+ content={[
+ 'We offer a cloud version of the platform, but you can also self-host it on your own infrastructure.',
+ ]}
+ />
+
+ More about self-hosting
+
+
+
+ }
+ title="No cookies"
+ content={[
+ 'We care about your privacy, so our tracker does not use cookies. This keeps your data safe and secure.',
+ 'We follow GDPR guidelines closely, ensuring your personal information is protected without using invasive technologies.',
+ ]}
+ />
+
+
+ );
+}
diff --git a/apps/public/components/sections/pricing.tsx b/apps/public/components/sections/pricing.tsx
new file mode 100644
index 00000000..01db1edf
--- /dev/null
+++ b/apps/public/components/sections/pricing.tsx
@@ -0,0 +1,77 @@
+import { CheckIcon, DollarSignIcon } from 'lucide-react';
+import Link from 'next/link';
+import { DoubleSwirl } from '../Swirls';
+import { PricingSlider } from '../pricing-slider';
+import { Section, SectionHeader } from '../section';
+import { Tag } from '../tag';
+import { Button } from '../ui/button';
+
+export default Pricing;
+export function Pricing() {
+ return (
+
+
+
+
+
+ Simple and predictable
+
+ }
+ title="Simple pricing"
+ description="Our simple, usage-based pricing means you only pay for what you use. Scale effortlessly for the best value."
+ />
+
+
+
+
+ Stop overpaying
+ for features
+
+
+
+
+ Unlimited websites or apps
+
+
+ {' '}
+ Unlimited users
+
+
+ {' '}
+ Unlimited dashboards
+
+
+ {' '}
+ Unlimited charts
+
+
+ {' '}
+ Unlimited tracked profiles
+
+
+
+
+
+
+
+
+
+
+
+ All features are included upfront - no hidden costs.
+ {' '}
+ You choose how many events to track each month. During the beta
+ phase, everything is offered for free to users.
+
+
+
+
+
+ );
+}
diff --git a/apps/public/components/sections/sdks.tsx b/apps/public/components/sections/sdks.tsx
new file mode 100644
index 00000000..b60cf306
--- /dev/null
+++ b/apps/public/components/sections/sdks.tsx
@@ -0,0 +1,86 @@
+import { Section, SectionHeader } from '@/components/section';
+import { Tag } from '@/components/tag';
+import { type Framework, frameworks } from '@openpanel/sdk-info';
+import { CodeIcon, ShieldQuestionIcon } from 'lucide-react';
+import Link from 'next/link';
+import { HorizontalLine, PlusLine, VerticalLine } from '../line';
+import { Button } from '../ui/button';
+
+export function Sdks() {
+ return (
+
+
+
+ Easy to use
+
+ }
+ title="SDKs"
+ description="Use our modules to integrate with your favourite framework and start collecting events with ease. Enjoy quick and seamless setup."
+ />
+
+ );
+}
diff --git a/apps/public/content/articles/.cursorrules b/apps/public/content/articles/.cursorrules
new file mode 100644
index 00000000..4a481d48
--- /dev/null
+++ b/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.
\ No newline at end of file
diff --git a/apps/public/content/articles/alternatives-to-mixpanel.mdx b/apps/public/content/articles/alternatives-to-mixpanel.mdx
new file mode 100644
index 00000000..478431ea
--- /dev/null
+++ b/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.
\ No newline at end of file
diff --git a/apps/public/content/articles/introduction-to-openpanel.mdx b/apps/public/content/articles/introduction-to-openpanel.mdx
new file mode 100644
index 00000000..6813e82d
--- /dev/null
+++ b/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.
diff --git a/apps/public/content/articles/top-7-open-source-web-analytics-tools.mdx b/apps/public/content/articles/top-7-open-source-web-analytics-tools.mdx
new file mode 100644
index 00000000..d6fef294
--- /dev/null
+++ b/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.
\ No newline at end of file
diff --git a/apps/public/content/articles/vs-mixpanel.mdx b/apps/public/content/articles/vs-mixpanel.mdx
new file mode 100644
index 00000000..b99815ad
--- /dev/null
+++ b/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.
+
+
+
+## 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**
+
+
+
+## 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.
+
+
+
+## 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.
\ No newline at end of file
diff --git a/apps/docs/src/pages/docs/sdks/export.mdx b/apps/public/content/docs/api/export.mdx
similarity index 97%
rename from apps/docs/src/pages/docs/sdks/export.mdx
rename to apps/public/content/docs/api/export.mdx
index fa605b60..682f71a4 100644
--- a/apps/docs/src/pages/docs/sdks/export.mdx
+++ b/apps/public/content/docs/api/export.mdx
@@ -1,6 +1,7 @@
-# Export API
-
-The Export API allows you to retrieve event data and chart data from your OpenPanel projects.
+---
+title: Export
+description: The Export API allows you to retrieve event data and chart data from your OpenPanel projects.
+---
## Authentication
diff --git a/apps/public/content/docs/api/meta.json b/apps/public/content/docs/api/meta.json
new file mode 100644
index 00000000..d09f5b63
--- /dev/null
+++ b/apps/public/content/docs/api/meta.json
@@ -0,0 +1,4 @@
+{
+ "title": "API",
+ "pages": ["track", "export"]
+}
diff --git a/apps/docs/src/pages/docs/sdks/api.mdx b/apps/public/content/docs/api/track.mdx
similarity index 92%
rename from apps/docs/src/pages/docs/sdks/api.mdx
rename to apps/public/content/docs/api/track.mdx
index 24e025c6..bd6982fe 100644
--- a/apps/docs/src/pages/docs/sdks/api.mdx
+++ b/apps/public/content/docs/api/track.mdx
@@ -1,6 +1,7 @@
-# OpenPanel REST API with cURL
-
-This guide demonstrates how to interact with the OpenPanel API using cURL. These examples provide a low-level understanding of the API endpoints and can be useful for testing or for integrations where a full SDK isn't available.
+---
+title: Track
+description: This guide demonstrates how to interact with the OpenPanel API using cURL. These examples provide a low-level understanding of the API endpoints and can be useful for testing or for integrations where a full SDK isn't available.
+---
## Good to know
diff --git a/apps/public/content/docs/index.mdx b/apps/public/content/docs/index.mdx
new file mode 100644
index 00000000..a6b8ca5c
--- /dev/null
+++ b/apps/public/content/docs/index.mdx
@@ -0,0 +1,59 @@
+---
+title: Introduction
+description: The OpenPanel SDKs provide a set of core methods that allow you to track events, identify users, and more. Here's an overview of the key methods available in the SDKs.
+---
+
+
+ While all OpenPanel SDKs share a common set of core methods, some may have
+ syntax variations or additional methods specific to their environment. This
+ documentation provides an overview of the base methods and available SDKs.
+
+
+## Core Methods
+
+### Set global properties
+
+Sets global properties that will be included with every subsequent event.
+
+### Track
+
+Tracks a custom event with the given name and optional properties.
+
+#### Tips
+
+You can identify the user directly with this method.
+
+```js filename="Example shown in JavaScript"
+track('your_event_name', {
+ foo: 'bar',
+ baz: 'qux',
+ // reserved property name
+ __identify: {
+ profileId: 'your_user_id', // required
+ email: 'your_user_email',
+ firstName: 'your_user_name',
+ lastName: 'your_user_name',
+ avatar: 'your_user_avatar',
+ }
+});
+```
+
+### Identify
+
+Associates the current user with a unique identifier and optional traits.
+
+### Alias
+
+Creates an alias for a user identifier.
+
+### Increment
+
+Increments a numeric property for a user.
+
+### Decrement
+
+Decrements a numeric property for a user.
+
+### Clear
+
+Clears the current user identifier and ends the session.
\ No newline at end of file
diff --git a/apps/docs/src/pages/docs/migration/beta-v1.mdx b/apps/public/content/docs/migration/beta-v1.mdx
similarity index 85%
rename from apps/docs/src/pages/docs/migration/beta-v1.mdx
rename to apps/public/content/docs/migration/beta-v1.mdx
index 1a53457d..3680973b 100644
--- a/apps/docs/src/pages/docs/migration/beta-v1.mdx
+++ b/apps/public/content/docs/migration/beta-v1.mdx
@@ -1,6 +1,7 @@
-# Migrate from `beta` to `v1`
-
-We are happy to announce the release of `v1` of the Openpanel SDK. This release includes a lot of improvements and changes to the SDK. This guide will help you migrate from the `beta` version to the `v1` version.
+---
+title: Beta to V1
+description: We are happy to announce the release of `v1` of the Openpanel SDK. This release includes a lot of improvements and changes to the SDK. This guide will help you migrate from the `beta` version to the `v1` version.
+---
## General
diff --git a/apps/public/content/docs/sdks/astro.mdx b/apps/public/content/docs/sdks/astro.mdx
new file mode 100644
index 00000000..71276cde
--- /dev/null
+++ b/apps/public/content/docs/sdks/astro.mdx
@@ -0,0 +1,5 @@
+---
+title: Astro
+---
+
+You can use [script tag](/docs/sdks/script) or [Web SDK](/docs/sdks/web) to track events in Astro.
diff --git a/apps/docs/src/pages/docs/sdks/express.mdx b/apps/public/content/docs/sdks/express.mdx
similarity index 75%
rename from apps/docs/src/pages/docs/sdks/express.mdx
rename to apps/public/content/docs/sdks/express.mdx
index 0d710e98..5d606acd 100644
--- a/apps/docs/src/pages/docs/sdks/express.mdx
+++ b/apps/public/content/docs/sdks/express.mdx
@@ -1,13 +1,13 @@
+---
+title: Express
+description: The Express middleware is a basic wrapper around Javascript SDK. It provides a simple way to add the SDK to your Express application.
+---
+
import Link from 'next/link';
-import { Callout, Steps, Tabs } from 'nextra/components';
-import { DeviceIdWarning } from 'src/components/device-id-warning';
-import { PersonalDataWarning } from 'src/components/personal-data-warning';
+import { DeviceIdWarning } from '@/components/device-id-warning';
+import { PersonalDataWarning } from '@/components/personal-data-warning';
-import CommonSdkConfig from 'src/components/common-sdk-config.mdx';
-
-# Express
-
-The Express middleware is a basic wrapper around [Javascript SDK](/docs/sdks/javascript). It provides a simple way to add the SDK to your Express application.
+import CommonSdkConfig from '@/components/common-sdk-config.mdx';
## Installation
diff --git a/apps/docs/src/pages/docs/sdks/javascript.mdx b/apps/public/content/docs/sdks/javascript.mdx
similarity index 80%
rename from apps/docs/src/pages/docs/sdks/javascript.mdx
rename to apps/public/content/docs/sdks/javascript.mdx
index b24a6fe0..047d6896 100644
--- a/apps/docs/src/pages/docs/sdks/javascript.mdx
+++ b/apps/public/content/docs/sdks/javascript.mdx
@@ -1,11 +1,12 @@
-import { Callout, Tabs, Steps } from 'nextra/components';
-import { PersonalDataWarning } from 'src/components/personal-data-warning';
-import CommonSdkConfig from 'src/components/common-sdk-config.mdx';
-import WebSdkConfig from 'src/components/web-sdk-config.mdx';
+---
+title: Javascript (Node / Generic)
+description: The OpenPanel Web SDK allows you to track user behavior on your website using a simple script tag. This guide provides instructions for installing and using the Web SDK in your project.
+---
-# Javascript SDK
-
-The OpenPanel Web SDK allows you to track user behavior on your website using a simple script tag. This guide provides instructions for installing and using the Web SDK in your project.
+import { Step, Steps } from 'fumadocs-ui/components/steps';
+import { PersonalDataWarning } from '@/components/personal-data-warning';
+import CommonSdkConfig from '@/components/common-sdk-config.mdx';
+import WebSdkConfig from '@/components/web-sdk-config.mdx';
## Installation
@@ -23,9 +24,7 @@ import { OpenPanel } from '@openpanel/sdk';
const op = new OpenPanel({
clientId: 'YOUR_CLIENT_ID',
- trackScreenViews: true,
- trackOutgoingLinks: true,
- trackAttributes: true,
+ clientSecret: 'YOUR_CLIENT_SECRET',
});
```
diff --git a/apps/public/content/docs/sdks/meta.json b/apps/public/content/docs/sdks/meta.json
new file mode 100644
index 00000000..8bf6780d
--- /dev/null
+++ b/apps/public/content/docs/sdks/meta.json
@@ -0,0 +1,5 @@
+{
+ "title": "SDKs",
+ "pages": ["script", "web", "javascript", "node", "nextjs", "..."],
+ "defaultOpen": true
+}
diff --git a/apps/docs/src/pages/docs/sdks/nextjs.mdx b/apps/public/content/docs/sdks/nextjs.mdx
similarity index 95%
rename from apps/docs/src/pages/docs/sdks/nextjs.mdx
rename to apps/public/content/docs/sdks/nextjs.mdx
index 9165da0e..76c74919 100644
--- a/apps/docs/src/pages/docs/sdks/nextjs.mdx
+++ b/apps/public/content/docs/sdks/nextjs.mdx
@@ -1,12 +1,16 @@
+---
+title: Next.js
+---
+
import Link from 'next/link';
-import { Callout, Steps, Tabs } from 'nextra/components';
-import { DeviceIdWarning } from 'src/components/device-id-warning';
-import { PersonalDataWarning } from 'src/components/personal-data-warning';
+import { Step, Steps } from 'fumadocs-ui/components/steps';
-import CommonSdkConfig from 'src/components/common-sdk-config.mdx';
-import WebSdkConfig from 'src/components/web-sdk-config.mdx';
+import { DeviceIdWarning } from '@/components/device-id-warning';
+import { PersonalDataWarning } from '@/components/personal-data-warning';
+import CommonSdkConfig from '@/components/common-sdk-config.mdx';
+import WebSdkConfig from '@/components/web-sdk-config.mdx';
-# Next.js
+## Good to know
Keep in mind that all tracking here happens on the client!
diff --git a/apps/docs/src/pages/docs/sdks/react-native.mdx b/apps/public/content/docs/sdks/react-native.mdx
similarity index 83%
rename from apps/docs/src/pages/docs/sdks/react-native.mdx
rename to apps/public/content/docs/sdks/react-native.mdx
index fa18a029..ab746a3a 100644
--- a/apps/docs/src/pages/docs/sdks/react-native.mdx
+++ b/apps/public/content/docs/sdks/react-native.mdx
@@ -1,11 +1,14 @@
+---
+title: React Native
+---
+
import Link from 'next/link';
-import { Callout, Steps, Tabs } from 'nextra/components';
-import { DeviceIdWarning } from 'src/components/device-id-warning';
-import { PersonalDataWarning } from 'src/components/personal-data-warning';
+import { Tab, Tabs } from 'fumadocs-ui/components/tabs';
+import { Step, Steps } from 'fumadocs-ui/components/steps';
+import { DeviceIdWarning } from '@/components/device-id-warning';
+import { PersonalDataWarning } from '@/components/personal-data-warning';
-import CommonSdkConfig from 'src/components/common-sdk-config.mdx';
-
-# React-Native
+import CommonSdkConfig from '@/components/common-sdk-config.mdx';
## Installation
@@ -46,10 +49,12 @@ op.track('my_event', { foo: 'bar' });
### Navigation / Screen views
-
+
```typescript
import { usePathname, useSegments } from 'expo-router';
+ const op = new Openpanel({ /* ... */ })
+
function RootLayout() {
// ...
const pathname = usePathname()
@@ -74,8 +79,8 @@ op.track('my_event', { foo: 'bar' });
}
```
-
-
+
+
```tsx
import { createNavigationContainerRef } from '@react-navigation/native'
import { Openpanel } from '@openpanel/react-native'
@@ -104,8 +109,7 @@ op.track('my_event', { foo: 'bar' });
)
}
```
-
-
+
For more information on how to use the SDK, check out the [Javascript SDK](/docs/sdks/javascript#usage).
diff --git a/apps/public/content/docs/sdks/react.mdx b/apps/public/content/docs/sdks/react.mdx
new file mode 100644
index 00000000..81dbe49e
--- /dev/null
+++ b/apps/public/content/docs/sdks/react.mdx
@@ -0,0 +1,5 @@
+---
+title: React
+---
+
+Use [script tag](/docs/sdks/script) or [Web SDK](/docs/sdks/web) for now. We'll add a dedicated react sdk soon.
diff --git a/apps/public/content/docs/sdks/remix.mdx b/apps/public/content/docs/sdks/remix.mdx
new file mode 100644
index 00000000..f9675f23
--- /dev/null
+++ b/apps/public/content/docs/sdks/remix.mdx
@@ -0,0 +1,5 @@
+---
+title: Remix
+---
+
+Use [script tag](/docs/sdks/script) or [Web SDK](/docs/sdks/web) for now. We'll add a dedicated remix sdk soon.
diff --git a/apps/docs/src/pages/docs/sdks/script.mdx b/apps/public/content/docs/sdks/script.mdx
similarity index 79%
rename from apps/docs/src/pages/docs/sdks/script.mdx
rename to apps/public/content/docs/sdks/script.mdx
index a56436a5..027e0468 100644
--- a/apps/docs/src/pages/docs/sdks/script.mdx
+++ b/apps/public/content/docs/sdks/script.mdx
@@ -1,11 +1,13 @@
-import { Callout, Tabs, Steps } from 'nextra/components';
-import { PersonalDataWarning } from 'src/components/personal-data-warning';
-import CommonSdkConfig from 'src/components/common-sdk-config.mdx';
-import WebSdkConfig from 'src/components/web-sdk-config.mdx';
+---
+title: Script Tag
+description: The OpenPanel Web SDK allows you to track user behavior on your website using a simple script tag. This guide provides instructions for installing and using the Web SDK in your project.
+---
-# Web (Script Tag)
+import { Step, Steps } from 'fumadocs-ui/components/steps';
+import { PersonalDataWarning } from '@/components/personal-data-warning';
+import CommonSdkConfig from '@/components/common-sdk-config.mdx';
+import WebSdkConfig from '@/components/web-sdk-config.mdx';
-The OpenPanel Web SDK allows you to track user behavior on your website using a simple script tag. This guide provides instructions for installing and using the Web SDK in your project.
## Installation
@@ -121,6 +123,22 @@ window.op('clear');
## Advanced Usage
+### Filtering events
+
+You can filter out events by adding a `filter` property to the `init` method.
+
+Below is an example of how to disable tracking for users who have a `disable_tracking` item in their local storage.
+
+```js filename="main.js"
+window.op('init', {
+ clientId: 'YOUR_CLIENT_ID',
+ trackScreenViews: true,
+ trackOutgoingLinks: true,
+ trackAttributes: true,
+ filter: () => localStorage.getItem('disable_tracking') === undefined,
+});
+```
+
### Using the Web SDK with NPM
diff --git a/apps/public/content/docs/sdks/vue.mdx b/apps/public/content/docs/sdks/vue.mdx
new file mode 100644
index 00000000..cbf9c625
--- /dev/null
+++ b/apps/public/content/docs/sdks/vue.mdx
@@ -0,0 +1,5 @@
+---
+title: Vue
+---
+
+Use [script tag](/docs/sdks/script) or [Web SDK](/docs/sdks/web) for now. We'll add a dedicated react sdk soon.
diff --git a/apps/docs/src/pages/docs/sdks/web.mdx b/apps/public/content/docs/sdks/web.mdx
similarity index 54%
rename from apps/docs/src/pages/docs/sdks/web.mdx
rename to apps/public/content/docs/sdks/web.mdx
index cc7515d9..ccc3a63f 100644
--- a/apps/docs/src/pages/docs/sdks/web.mdx
+++ b/apps/public/content/docs/sdks/web.mdx
@@ -1,11 +1,12 @@
-import { Callout, Tabs, Steps } from 'nextra/components';
-import { PersonalDataWarning } from 'src/components/personal-data-warning';
-import CommonSdkConfig from 'src/components/common-sdk-config.mdx';
-import WebSdkConfig from 'src/components/web-sdk-config.mdx';
+---
+title: Javascript (Web)
+description: The OpenPanel Web SDK allows you to track user behavior on your website using a simple script tag. This guide provides instructions for installing and using the Web SDK in your project.
+---
-# Web SDK
-
-The OpenPanel Web SDK allows you to track user behavior on your website using a simple script tag. This guide provides instructions for installing and using the Web SDK in your project.
+import { Step, Steps } from 'fumadocs-ui/components/steps';
+import { PersonalDataWarning } from '@/components/personal-data-warning';
+import CommonSdkConfig from '@/components/common-sdk-config.mdx';
+import WebSdkConfig from '@/components/web-sdk-config.mdx';
## Installation
diff --git a/apps/docs/src/pages/docs/self-hosting/index.mdx b/apps/public/content/docs/self-hosting/self-hosting.mdx
similarity index 92%
rename from apps/docs/src/pages/docs/self-hosting/index.mdx
rename to apps/public/content/docs/self-hosting/self-hosting.mdx
index fb7a2325..14f0a7e6 100644
--- a/apps/docs/src/pages/docs/self-hosting/index.mdx
+++ b/apps/public/content/docs/self-hosting/self-hosting.mdx
@@ -1,10 +1,15 @@
-import { Callout, Tabs, Steps } from 'nextra/components';
+---
+title: Self-hosting
+description: This is a simple guide how to get started with OpenPanel on your own VPS.
+---
+
+import { Step, Steps } from 'fumadocs-ui/components/steps';
+
-# Self-hosting
OpenPanel is not stable yet. If you still want to self-host you can go ahead. Bear in mind that new changes might give a little headache to keep up with.
-This is a simple guide how to get started with OpenPanel on your own VPS.
+
## Instructions
@@ -66,7 +71,7 @@ Run the `./start` script located inside the self-hosting folder
## Clerk.com
-Some might wonder why we use Clerk.com for authentication. The main reason for this is that Clerk have great support for iOS and Android apps. We're in the process of building an iOS app and we want to have a seamless experience for our users.
+Some might wonder why we use Clerk.com for authentication. The main reason for this is that Clerk have great support for iOS and Android apps. We're in the process of building an native app and we want to have a seamless experience for our users.
**next-auth** is great, but lacks good support for mobile apps.
diff --git a/apps/public/content/pages/about.mdx b/apps/public/content/pages/about.mdx
new file mode 100644
index 00000000..21965b52
--- /dev/null
+++ b/apps/public/content/pages/about.mdx
@@ -0,0 +1,66 @@
+---
+title: About
+description: Learn about who we are and why we started this company. We're on a mission to help businesses work better with their data.
+---
+
+
+## Introduction
+
+Hey there!
+
+My name is [Carl-Gerhard Lindesvärd](https://x.com/CarlLindesvard). I'm the founder of OpenPanel. These days, knowing how your users use your product is super important.
+
+I've worked with different analytics tools for over 5 years, and I've seen it all - the good, the bad, and the ugly.
+
+I've mostly used Mixpanel along with tools like Google Analytics. Here's why I decided to start OpenPanel.
+
+## Why
+
+### Product analytics
+
+Mixpanel is a solid analytics tool - it's easy to create reports and has tons of features.
+
+But I was only using a small part of it, mainly the reports. I wanted a simple way to see my custom events. Sure, Mixpanel lets you make nice reports with different charts like:
+
+- Line charts
+- Bar charts
+- Pie charts
+- Funnels
+- Retention
+- ...and more
+
+Being able to track what each user does was great too. But that was pretty much all I needed.
+
+The problem? I had to pay $300/month for this. Their pricing makes no sense, especially since I only used a tiny bit of what they offer.
+
+### Web analytics
+
+Mixpanel does web analytics too, but not in a way that works for me. I just wanted a simple dashboard to quickly see how my website is doing. That's why I ended up needing a separate tool just for web analytics.
+
+## The solution
+
+That's why I built OpenPanel. It's a simple analytics tool that I actually use myself. It combines both product and web analytics:
+
+- You get a clear picture of your website's performance and can dig deeper when needed
+- You can build reports that show your data in ways that make sense to you
+- You can see what your users are doing, both individually and as a group
+- Unlike Mixpanel, you can check your stats from your phone since our dashboard works great on mobile
+
+## OpenPanel is a great alternative to Mixpanel
+
+Now you know a bit about me and why I think OpenPanel is a solid alternative to Mixpanel. Got questions? Want to know more? Feel free to [contact me](/contact).
+
+You can read more about why we think OpenPanel is a [good alternative to Mixpanel](/articles/vs-mixpanel).
+
+## Company
+
+OpenPanel (OpenPanel AB) is a company based in Stockholm, Sweden.
+
+### Address
+
+
+OpenPanel AB
+Sankt Eriksgatan 100
+113 31 Stockholm
+Sweden
+
\ No newline at end of file
diff --git a/apps/public/content/pages/contact.mdx b/apps/public/content/pages/contact.mdx
new file mode 100644
index 00000000..50b405cc
--- /dev/null
+++ b/apps/public/content/pages/contact.mdx
@@ -0,0 +1,16 @@
+---
+title: Contact
+description: Get in touch with the founder of OpenPanel - a simple and affordable alternative to Mixpanel combining product and web analytics.
+---
+
+## Mediums to contact me:
+
+- [Email](mailto:hello@openpanel.dev)
+- [X (@OpenPanelDev)](https://x.com/OpenPanelDev)
+- [X (@CarlLindesvard)](https://x.com/CarlLindesvard)
+- [Discord](https://discord.gg/openpanel)
+- [Github](https://github.com/Openpanel-dev/openpanel/)
+
+## Issues or feature requests
+
+If you have any issues or feature requests, please let me know by [opening an issue on Github](https://github.com/Openpanel-dev/openpanel/issues) or join our [Discord](https://discord.gg/openpanel).
\ No newline at end of file
diff --git a/apps/public/content/pages/cookies.mdx b/apps/public/content/pages/cookies.mdx
new file mode 100644
index 00000000..c75f863c
--- /dev/null
+++ b/apps/public/content/pages/cookies.mdx
@@ -0,0 +1,24 @@
+---
+title: Cookies
+description: Cookie monster's policy
+---
+
+We use cookies and similar technologies to help provide, protect, and improve your experience on our website. This policy explains how and why we use these technologies and the choices you have.
+
+## What are cookies?
+
+Cookies are small data files that are placed on your computer or mobile device when you visit a website. They are widely used to make websites work more efficiently and provide useful information to website owners.
+
+## How we use cookies
+
+We use cookies for several purposes, including:
+- **Essential cookies**: Required for basic site functionality
+- **Analytics cookies**: Help us understand how visitors interact with our website
+- **Preference cookies**: Remember your settings and preferences
+
+## Your choices
+
+Most web browsers allow you to control cookies through their settings preferences. However, limiting cookies may impact your experience using our website.
+
+For more information about cookies, visit [AllAboutCookies.org](https://www.allaboutcookies.org/).
+
diff --git a/apps/public/content/pages/pricing.mdx b/apps/public/content/pages/pricing.mdx
new file mode 100644
index 00000000..a5ca93b5
--- /dev/null
+++ b/apps/public/content/pages/pricing.mdx
@@ -0,0 +1,18 @@
+---
+title: Pricing
+description: Our simple, usage-based pricing means you only pay for what you use. Scale effortlessly for the best value.
+---
+import Pricing from '@/components/sections/pricing';
+import Stats from '@/components/sections/stats';
+import Testimonials from '@/components/sections/testimonials';
+import Faq from '@/components/sections/Faq';
+
+Experience transparent, usage-based pricing that grows with your needs. Simply choose your monthly event volume and pay accordingly - no surprises.
+
+All features are included in every plan, with no hidden fees or artificial feature restrictions. What you see is what you get.
+
+
+
+
+
+
\ No newline at end of file
diff --git a/apps/public/content/pages/privacy.mdx b/apps/public/content/pages/privacy.mdx
new file mode 100644
index 00000000..c4ba058c
--- /dev/null
+++ b/apps/public/content/pages/privacy.mdx
@@ -0,0 +1,212 @@
+---
+title: Privacy Policy
+description: Our privacy policy outlines how we handle your data, including usage information and cookies, to provide and improve our services.
+---
+
+This Privacy Policy describes Our policies and procedures on the collection, use and disclosure of Your information when You use the Service and tells You about Your privacy rights and how the law protects You.
+
+We use Your Personal data to provide and improve the Service. By using the Service, You agree to the collection and use of information in accordance with this Privacy Policy.
+
+## Interpretation and Definitions
+
+### Interpretation
+
+The words of which the initial letter is capitalized have meanings defined under the following conditions. The following definitions shall have the same meaning regardless of whether they appear in singular or in plural.
+
+### Definitions
+
+For the purposes of this Privacy Policy:
+
+- **Account** means a unique account created for You to access our Service or parts of our Service.
+
+- **Affiliate** means an entity that controls, is controlled by or is under common control with a party, where "control" means ownership of 50% or more of the shares, equity interest or other securities entitled to vote for election of directors or other managing authority.
+
+- **Application** refers to Openpanel, the software program provided by the Company.
+
+- **Company** (referred to as either "the Company", "We", "Us" or "Our" in this Agreement) refers to Coderax AB, Sankt Eriksgatan 100, 113 31, Stockholm.
+
+- **Cookies** are small files that are placed on Your computer, mobile device or any other device by a website, containing the details of Your browsing history on that website among its many uses.
+
+- **Country** refers to: Sweden
+
+- **Device** means any device that can access the Service such as a computer, a cellphone or a digital tablet.
+
+- **Personal Data** is any information that relates to an identified or identifiable individual.
+
+- **Service** refers to the Application or the Website or both.
+
+- **Service Provider** means any natural or legal person who processes the data on behalf of the Company. It refers to third-party companies or individuals employed by the Company to facilitate the Service, to provide the Service on behalf of the Company, to perform services related to the Service or to assist the Company in analyzing how the Service is used.
+
+- **Usage Data** refers to data collected automatically, either generated by the use of the Service or from the Service infrastructure itself (for example, the duration of a page visit).
+
+- **Website** refers to Openpanel, accessible from [https://openpanel.dev](https://openpanel.dev)
+
+- **You** means the individual accessing or using the Service, or the company, or other legal entity on behalf of which such individual is accessing or using the Service, as applicable.
+
+## Collecting and Using Your Personal Data
+
+### Types of Data Collected
+
+#### Personal Data
+
+While using Our Service, We may ask You to provide Us with certain personally identifiable information that can be used to contact or identify You. Personally identifiable information may include, but is not limited to:
+
+- Email address
+- First name and last name
+- Usage Data
+
+#### Usage Data
+
+Usage Data is collected automatically when using the Service.
+
+Usage Data may include information such as Your Device's Internet Protocol address (e.g. IP address), browser type, browser version, the pages of our Service that You visit, the time and date of Your visit, the time spent on those pages, unique device identifiers and other diagnostic data.
+
+When You access the Service by or through a mobile device, We may collect certain information automatically, including, but not limited to, the type of mobile device You use, Your mobile device unique ID, the IP address of Your mobile device, Your mobile operating system, the type of mobile Internet browser You use, unique device identifiers and other diagnostic data.
+
+We may also collect information that Your browser sends whenever You visit our Service or when You access the Service by or through a mobile device.
+
+#### Tracking Technologies and Cookies
+
+We use Cookies and similar tracking technologies to track the activity on Our Service and store certain information. Tracking technologies used are beacons, tags, and scripts to collect and track information and to improve and analyze Our Service. The technologies We use may include:
+
+- **Cookies or Browser Cookies.** A cookie is a small file placed on Your Device. You can instruct Your browser to refuse all Cookies or to indicate when a Cookie is being sent. However, if You do not accept Cookies, You may not be able to use some parts of our Service. Unless you have adjusted Your browser setting so that it will refuse Cookies, our Service may use Cookies.
+
+- **Web Beacons.** Certain sections of our Service and our emails may contain small electronic files known as web beacons (also referred to as clear gifs, pixel tags, and single-pixel gifs) that permit the Company, for example, to count users who have visited those pages or opened an email and for other related website statistics (for example, recording the popularity of a certain section and verifying system and server integrity).
+
+Cookies can be "Persistent" or "Session" Cookies. Persistent Cookies remain on Your personal computer or mobile device when You go offline, while Session Cookies are deleted as soon as You close Your web browser. You can learn more about cookies [here](https://www.termsfeed.com/blog/cookies/#What_Are_Cookies).
+
+We use both Session and Persistent Cookies for the purposes set out below:
+
+- **Necessary / Essential Cookies**
+
+ Type: Session Cookies
+
+ Administered by: Us
+
+ Purpose: These Cookies are essential to provide You with services available through the Website and to enable You to use some of its features. They help to authenticate users and prevent fraudulent use of user accounts. Without these Cookies, the services that You have asked for cannot be provided, and We only use these Cookies to provide You with those services.
+
+- **Cookies Policy / Notice Acceptance Cookies**
+
+ Type: Persistent Cookies
+
+ Administered by: Us
+
+ Purpose: These Cookies identify if users have accepted the use of cookies on the Website.
+
+- **Functionality Cookies**
+
+ Type: Persistent Cookies
+
+ Administered by: Us
+
+ Purpose: These Cookies allow us to remember choices You make when You use the Website, such as remembering your login details or language preference. The purpose of these Cookies is to provide You with a more personal experience and to avoid You having to re-enter your preferences every time You use the Website.
+
+For more information about the cookies we use and your choices regarding cookies, please visit our Cookies Policy or the Cookies section of our Privacy Policy.
+
+### Use of Your Personal Data
+
+The Company may use Personal Data for the following purposes:
+
+- **To provide and maintain our Service**, including to monitor the usage of our Service.
+
+- **To manage Your Account:** to manage Your registration as a user of the Service. The Personal Data You provide can give You access to different functionalities of the Service that are available to You as a registered user.
+
+- **For the performance of a contract:** the development, compliance and undertaking of the purchase contract for the products, items or services You have purchased or of any other contract with Us through the Service.
+
+- **To contact You:** To contact You by email, telephone calls, SMS, or other equivalent forms of electronic communication, such as a mobile application's push notifications regarding updates or informative communications related to the functionalities, products or contracted services, including the security updates, when necessary or reasonable for their implementation.
+
+- **To provide You** with news, special offers and general information about other goods, services and events which we offer that are similar to those that you have already purchased or enquired about unless You have opted not to receive such information.
+
+- **To manage Your requests:** To attend and manage Your requests to Us.
+
+- **For business transfers:** We may use Your information to evaluate or conduct a merger, divestiture, restructuring, reorganization, dissolution, or other sale or transfer of some or all of Our assets, whether as a going concern or as part of bankruptcy, liquidation, or similar proceeding, in which Personal Data held by Us about our Service users is among the assets transferred.
+
+- **For other purposes**: We may use Your information for other purposes, such as data analysis, identifying usage trends, determining the effectiveness of our promotional campaigns and to evaluate and improve our Service, products, services, marketing and your experience.
+
+We may share Your personal information in the following situations:
+
+- **With Service Providers:** We may share Your personal information with Service Providers to monitor and analyze the use of our Service, to contact You.
+
+- **For business transfers:** We may share or transfer Your personal information in connection with, or during negotiations of, any merger, sale of Company assets, financing, or acquisition of all or a portion of Our business to another company.
+
+- **With Affiliates:** We may share Your information with Our affiliates, in which case we will require those affiliates to honor this Privacy Policy. Affiliates include Our parent company and any other subsidiaries, joint venture partners or other companies that We control or that are under common control with Us.
+
+- **With business partners:** We may share Your information with Our business partners to offer You certain products, services or promotions.
+
+- **With other users:** when You share personal information or otherwise interact in the public areas with other users, such information may be viewed by all users and may be publicly distributed outside.
+
+- **With Your consent**: We may disclose Your personal information for any other purpose with Your consent.
+
+### Retention of Your Personal Data
+
+The Company will retain Your Personal Data only for as long as is necessary for the purposes set out in this Privacy Policy. We will retain and use Your Personal Data to the extent necessary to comply with our legal obligations (for example, if we are required to retain your data to comply with applicable laws), resolve disputes, and enforce our legal agreements and policies.
+
+The Company will also retain Usage Data for internal analysis purposes. Usage Data is generally retained for a shorter period of time, except when this data is used to strengthen the security or to improve the functionality of Our Service, or We are legally obligated to retain this data for longer time periods.
+
+### Transfer of Your Personal Data
+
+Your information, including Personal Data, is processed at the Company's operating offices and in any other places where the parties involved in the processing are located. It means that this information may be transferred to — and maintained on — computers located outside of Your state, province, country or other governmental jurisdiction where the data protection laws may differ than those from Your jurisdiction.
+
+Your consent to this Privacy Policy followed by Your submission of such information represents Your agreement to that transfer.
+
+The Company will take all steps reasonably necessary to ensure that Your data is treated securely and in accordance with this Privacy Policy and no transfer of Your Personal Data will take place to an organization or a country unless there are adequate controls in place including the security of Your data and other personal information.
+
+### Delete Your Personal Data
+
+You have the right to delete or request that We assist in deleting the Personal Data that We have collected about You.
+
+Our Service may give You the ability to delete certain information about You from within the Service.
+
+You may update, amend, or delete Your information at any time by signing in to Your Account, if you have one, and visiting the account settings section that allows you to manage Your personal information. You may also contact Us to request access to, correct, or delete any personal information that You have provided to Us.
+
+Please note, however, that We may need to retain certain information when we have a legal obligation or lawful basis to do so.
+
+### Disclosure of Your Personal Data
+
+#### Business Transactions
+
+If the Company is involved in a merger, acquisition or asset sale, Your Personal Data may be transferred. We will provide notice before Your Personal Data is transferred and becomes subject to a different Privacy Policy.
+
+#### Law enforcement
+
+Under certain circumstances, the Company may be required to disclose Your Personal Data if required to do so by law or in response to valid requests by public authorities (e.g. a court or a government agency).
+
+#### Other legal requirements
+
+The Company may disclose Your Personal Data in the good faith belief that such action is necessary to:
+
+- Comply with a legal obligation
+- Protect and defend the rights or property of the Company
+- Prevent or investigate possible wrongdoing in connection with the Service
+- Protect the personal safety of Users of the Service or the public
+- Protect against legal liability
+
+### Security of Your Personal Data
+
+The security of Your Personal Data is important to Us, but remember that no method of transmission over the Internet, or method of electronic storage is 100% secure. While We strive to use commercially acceptable means to protect Your Personal Data, We cannot guarantee its absolute security.
+
+## Children's Privacy
+
+Our Service does not address anyone under the age of 13. We do not knowingly collect personally identifiable information from anyone under the age of 13. If You are a parent or guardian and You are aware that Your child has provided Us with Personal Data, please contact Us. If We become aware that We have collected Personal Data from anyone under the age of 13 without verification of parental consent, We take steps to remove that information from Our servers.
+
+If We need to rely on consent as a legal basis for processing Your information and Your country requires consent from a parent, We may require Your parent's consent before We collect and use that information.
+
+## Links to Other Websites
+
+Our Service may contain links to other websites that are not operated by Us. If You click on a third party link, You will be directed to that third party's site. We strongly advise You to review the Privacy Policy of every site You visit.
+
+We have no control over and assume no responsibility for the content, privacy policies or practices of any third party sites or services.
+
+## Changes to this Privacy Policy
+
+We may update Our Privacy Policy from time to time. We will notify You of any changes by posting the new Privacy Policy on this page.
+
+We will let You know via email and/or a prominent notice on Our Service, prior to the change becoming effective and update the "Last updated" date at the top of this Privacy Policy.
+
+You are advised to review this Privacy Policy periodically for any changes. Changes to this Privacy Policy are effective when they are posted on this page.
+
+## Contact Us
+
+If you have any questions about this Privacy Policy, You can contact us:
+
+- By email: hello@openpanel.dev
\ No newline at end of file
diff --git a/apps/public/content/pages/terms.mdx b/apps/public/content/pages/terms.mdx
new file mode 100644
index 00000000..842cd577
--- /dev/null
+++ b/apps/public/content/pages/terms.mdx
@@ -0,0 +1,192 @@
+---
+title: Terms of Service
+description: Legal terms and conditions governing the use of Openpanel's services and website.
+---
+
+Please read these terms and conditions carefully before using Our Service.
+
+## Interpretation and Definitions
+
+### Interpretation
+
+The words of which the initial letter is capitalized have meanings defined under the following conditions. The following definitions shall have the same meaning regardless of whether they appear in singular or in plural.
+
+### Definitions
+
+For the purposes of these Terms and Conditions:
+
+- **Application** means the software program provided by the Company downloaded by You on any electronic device, named Openpanel
+
+- **Application Store** means the digital distribution service operated and developed by Apple Inc. (Apple App Store) or Google Inc. (Google Play Store) in which the Application has been downloaded.
+
+- **Affiliate** means an entity that controls, is controlled by or is under common control with a party, where "control" means ownership of 50% or more of the shares, equity interest or other securities entitled to vote for election of directors or other managing authority.
+
+- **Account** means a unique account created for You to access our Service or parts of our Service.
+
+- **Country** refers to: Sweden
+
+- **Company** (referred to as either "the Company", "We", "Us" or "Our" in this Agreement) refers to Coderax AB, Sankt Eriksgatan 100, 113 31, Stockholm.
+
+- **Device** means any device that can access the Service such as a computer, a cellphone or a digital tablet.
+
+- **Free Trial** refers to a limited period of time that may be free when purchasing a Subscription.
+
+- **Service** refers to the Application or the Website or both.
+
+- **Subscriptions** refer to the services or access to the Service offered on a subscription basis by the Company to You.
+
+- **Terms and Conditions** (also referred as "Terms") mean these Terms and Conditions that form the entire agreement between You and the Company regarding the use of the Service.
+
+- **Third-party Social Media Service** means any services or content (including data, information, products or services) provided by a third-party that may be displayed, included or made available by the Service.
+
+- **Website** refers to Openpanel, accessible from [https://openpanel.dev](https://openpanel.dev)
+
+- **You** means the individual accessing or using the Service, or the company, or other legal entity on behalf of which such individual is accessing or using the Service, as applicable.
+
+## Acknowledgment
+
+These are the Terms and Conditions governing the use of this Service and the agreement that operates between You and the Company. These Terms and Conditions set out the rights and obligations of all users regarding the use of the Service.
+
+Your access to and use of the Service is conditioned on Your acceptance of and compliance with these Terms and Conditions. These Terms and Conditions apply to all visitors, users and others who access or use the Service.
+
+By accessing or using the Service You agree to be bound by these Terms and Conditions. If You disagree with any part of these Terms and Conditions then You may not access the Service.
+
+You represent that you are over the age of 18. The Company does not permit those under 18 to use the Service.
+
+Your access to and use of the Service is also conditioned on Your acceptance of and compliance with the Privacy Policy of the Company. Our Privacy Policy describes Our policies and procedures on the collection, use and disclosure of Your personal information when You use the Application or the Website and tells You about Your privacy rights and how the law protects You. Please read Our Privacy Policy carefully before using Our Service.
+
+## Subscriptions
+
+### Subscription period
+
+The Service or some parts of the Service are available only with a paid Subscription. You will be billed in advance on a recurring and periodic basis (such as daily, weekly, monthly or annually), depending on the type of Subscription plan you select when purchasing the Subscription.
+
+At the end of each period, Your Subscription will automatically renew under the exact same conditions unless You cancel it or the Company cancels it.
+
+### Subscription cancellations
+
+You may cancel Your Subscription renewal either through Your Account settings page or by contacting the Company. You will not receive a refund for the fees You already paid for Your current Subscription period and You will be able to access the Service until the end of Your current Subscription period.
+
+### Billing
+
+You shall provide the Company with accurate and complete billing information including full name, address, state, zip code, telephone number, and a valid payment method information.
+
+Should automatic billing fail to occur for any reason, the Company will issue an electronic invoice indicating that you must proceed manually, within a certain deadline date, with the full payment corresponding to the billing period as indicated on the invoice.
+
+### Fee Changes
+
+The Company, in its sole discretion and at any time, may modify the Subscription fees. Any Subscription fee change will become effective at the end of the then-current Subscription period.
+
+The Company will provide You with reasonable prior notice of any change in Subscription fees to give You an opportunity to terminate Your Subscription before such change becomes effective.
+
+Your continued use of the Service after the Subscription fee change comes into effect constitutes Your agreement to pay the modified Subscription fee amount.
+
+### Refunds
+
+Except when required by law, paid Subscription fees are non-refundable.
+
+Certain refund requests for Subscriptions may be considered by the Company on a case-by-case basis and granted at the sole discretion of the Company.
+
+### Free Trial
+
+The Company may, at its sole discretion, offer a Subscription with a Free Trial for a limited period of time.
+
+You may be required to enter Your billing information in order to sign up for the Free Trial.
+
+If You do enter Your billing information when signing up for a Free Trial, You will not be charged by the Company until the Free Trial has expired. On the last day of the Free Trial period, unless You canceled Your Subscription, You will be automatically charged the applicable Subscription fees for the type of Subscription You have selected.
+
+At any time and without notice, the Company reserves the right to (i) modify the terms and conditions of the Free Trial offer, or (ii) cancel such Free Trial offer.
+
+## User Accounts
+
+When You create an account with Us, You must provide Us information that is accurate, complete, and current at all times. Failure to do so constitutes a breach of the Terms, which may result in immediate termination of Your account on Our Service.
+
+You are responsible for safeguarding the password that You use to access the Service and for any activities or actions under Your password, whether Your password is with Our Service or a Third-Party Social Media Service.
+
+You agree not to disclose Your password to any third party. You must notify Us immediately upon becoming aware of any breach of security or unauthorized use of Your account.
+
+You may not use as a username the name of another person or entity or that is not lawfully available for use, a name or trademark that is subject to any rights of another person or entity other than You without appropriate authorization, or a name that is otherwise offensive, vulgar or obscene.
+
+## Intellectual Property
+
+The Service and its original content (excluding Content provided by You or other users), features and functionality are and will remain the exclusive property of the Company and its licensors.
+
+The Service is protected by copyright, trademark, and other laws of both the Country and foreign countries.
+
+Our trademarks and trade dress may not be used in connection with any product or service without the prior written consent of the Company.
+
+## Links to Other Websites
+
+Our Service may contain links to third-party web sites or services that are not owned or controlled by the Company.
+
+The Company has no control over, and assumes no responsibility for, the content, privacy policies, or practices of any third party web sites or services. You further acknowledge and agree that the Company shall not be responsible or liable, directly or indirectly, for any damage or loss caused or alleged to be caused by or in connection with the use of or reliance on any such content, goods or services available on or through any such web sites or services.
+
+We strongly advise You to read the terms and conditions and privacy policies of any third-party web sites or services that You visit.
+
+## Termination
+
+We may terminate or suspend Your Account immediately, without prior notice or liability, for any reason whatsoever, including without limitation if You breach these Terms and Conditions.
+
+Upon termination, Your right to use the Service will cease immediately. If You wish to terminate Your Account, You may simply discontinue using the Service.
+
+## Limitation of Liability
+
+Notwithstanding any damages that You might incur, the entire liability of the Company and any of its suppliers under any provision of this Terms and Your exclusive remedy for all of the foregoing shall be limited to the amount actually paid by You through the Service or 100 USD if You haven't purchased anything through the Service.
+
+To the maximum extent permitted by applicable law, in no event shall the Company or its suppliers be liable for any special, incidental, indirect, or consequential damages whatsoever (including, but not limited to, damages for loss of profits, loss of data or other information, for business interruption, for personal injury, loss of privacy arising out of or in any way related to the use of or inability to use the Service, third-party software and/or third-party hardware used with the Service, or otherwise in connection with any provision of this Terms), even if the Company or any supplier has been advised of the possibility of such damages and even if the remedy fails of its essential purpose.
+
+Some states do not allow the exclusion of implied warranties or limitation of liability for incidental or consequential damages, which means that some of the above limitations may not apply. In these states, each party's liability will be limited to the greatest extent permitted by law.
+
+## "AS IS" and "AS AVAILABLE" Disclaimer
+
+The Service is provided to You "AS IS" and "AS AVAILABLE" and with all faults and defects without warranty of any kind. To the maximum extent permitted under applicable law, the Company, on its own behalf and on behalf of its Affiliates and its and their respective licensors and service providers, expressly disclaims all warranties, whether express, implied, statutory or otherwise, with respect to the Service, including all implied warranties of merchantability, fitness for a particular purpose, title and non-infringement, and warranties that may arise out of course of dealing, course of performance, usage or trade practice. Without limitation to the foregoing, the Company provides no warranty or undertaking, and makes no representation of any kind that the Service will meet Your requirements, achieve any intended results, be compatible or work with any other software, applications, systems or services, operate without interruption, meet any performance or reliability standards or be error free or that any errors or defects can or will be corrected.
+
+Without limiting the foregoing, neither the Company nor any of the company's provider makes any representation or warranty of any kind, express or implied: (i) as to the operation or availability of the Service, or the information, content, and materials or products included thereon; (ii) that the Service will be uninterrupted or error-free; (iii) as to the accuracy, reliability, or currency of any information or content provided through the Service; or (iv) that the Service, its servers, the content, or e-mails sent from or on behalf of the Company are free of viruses, scripts, trojan horses, worms, malware, timebombs or other harmful components.
+
+Some jurisdictions do not allow the exclusion of certain types of warranties or limitations on applicable statutory rights of a consumer, so some or all of the above exclusions and limitations may not apply to You. But in such a case the exclusions and limitations set forth in this section shall be applied to the greatest extent enforceable under applicable law.
+
+## Governing Law
+
+The laws of the Country, excluding its conflicts of law rules, shall govern this Terms and Your use of the Service. Your use of the Application may also be subject to other local, state, national, or international laws.
+
+## Disputes Resolution
+
+If You have any concern or dispute about the Service, You agree to first try to resolve the dispute informally by contacting the Company.
+
+## For European Union (EU) Users
+
+If You are a European Union consumer, you will benefit from any mandatory provisions of the law of the country in which You are resident.
+
+## United States Federal Government End Use Provisions
+
+If You are a U.S. federal government end user, our Service is a "Commercial Item" as that term is defined at 48 C.F.R. §2.101.
+
+## United States Legal Compliance
+
+You represent and warrant that (i) You are not located in a country that is subject to the United States government embargo, or that has been designated by the United States government as a "terrorist supporting" country, and (ii) You are not listed on any United States government list of prohibited or restricted parties.
+
+## Severability and Waiver
+
+### Severability
+
+If any provision of these Terms is held to be unenforceable or invalid, such provision will be changed and interpreted to accomplish the objectives of such provision to the greatest extent possible under applicable law and the remaining provisions will continue in full force and effect.
+
+### Waiver
+
+Except as provided herein, the failure to exercise a right or to require performance of an obligation under these Terms shall not affect a party's ability to exercise such right or require such performance at any time thereafter nor shall the waiver of a breach constitute a waiver of any subsequent breach.
+
+## Translation Interpretation
+
+These Terms and Conditions may have been translated if We have made them available to You on our Service. You agree that the original English text shall prevail in the case of a dispute.
+
+## Changes to These Terms and Conditions
+
+We reserve the right, at Our sole discretion, to modify or replace these Terms at any time. If a revision is material We will make reasonable efforts to provide at least 30 days' notice prior to any new terms taking effect. What constitutes a material change will be determined at Our sole discretion.
+
+By continuing to access or use Our Service after those revisions become effective, You agree to be bound by the revised terms. If You do not agree to the new terms, in whole or in part, please stop using the website and the Service.
+
+## Contact Us
+
+If you have any questions about these Terms and Conditions, You can contact us:
+
+- By email: hello@openpanel.dev
\ No newline at end of file
diff --git a/apps/public/lib/dark-mode.ts b/apps/public/lib/dark-mode.ts
new file mode 100644
index 00000000..395908ed
--- /dev/null
+++ b/apps/public/lib/dark-mode.ts
@@ -0,0 +1,37 @@
+import { useEffect, useState } from 'react';
+
+export function useIsDarkMode() {
+ const [isDarkMode, setIsDarkMode] = useState(() => {
+ if (typeof window === 'undefined') return false;
+
+ // Check localStorage first
+ const savedTheme = window.localStorage.getItem('theme');
+ if (savedTheme !== null) {
+ return savedTheme === 'dark';
+ }
+
+ // Fall back to system preference
+ return window.matchMedia('(prefers-color-scheme: dark)').matches;
+ });
+
+ useEffect(() => {
+ // Check if user prefers dark mode
+ const htmlElement = document.documentElement;
+ setIsDarkMode(htmlElement.classList.contains('dark'));
+
+ // Create observer to watch for class changes
+ const observer = new MutationObserver((mutations) => {
+ mutations.forEach((mutation) => {
+ if (mutation.attributeName === 'class') {
+ setIsDarkMode(htmlElement.classList.contains('dark'));
+ }
+ });
+ });
+
+ // Start observing class changes on html element
+ observer.observe(htmlElement, { attributes: true });
+ return () => observer.disconnect();
+ }, []);
+
+ return isDarkMode;
+}
diff --git a/apps/public/lib/github.ts b/apps/public/lib/github.ts
new file mode 100644
index 00000000..1a03820e
--- /dev/null
+++ b/apps/public/lib/github.ts
@@ -0,0 +1,6 @@
+export async function getGithubRepoInfo() {
+ const res = await fetch(
+ 'https://api.github.com/repos/Openpanel-dev/openpanel',
+ );
+ return res.json();
+}
diff --git a/apps/public/lib/source.ts b/apps/public/lib/source.ts
new file mode 100644
index 00000000..cb0bc659
--- /dev/null
+++ b/apps/public/lib/source.ts
@@ -0,0 +1,25 @@
+import {
+ articleCollection,
+ articleMeta,
+ docs,
+ meta,
+ pageCollection,
+ pageMeta,
+} from '@/.source';
+import { loader } from 'fumadocs-core/source';
+import { createMDXSource } from 'fumadocs-mdx';
+
+export const source = loader({
+ baseUrl: '/docs',
+ source: createMDXSource(docs, meta),
+});
+
+export const articleSource = loader({
+ baseUrl: '/articles',
+ source: createMDXSource(articleCollection, articleMeta),
+});
+
+export const pageSource = loader({
+ baseUrl: '/',
+ source: createMDXSource(pageCollection, pageMeta),
+});
diff --git a/apps/public/lib/utils.ts b/apps/public/lib/utils.ts
new file mode 100644
index 00000000..bd0c391d
--- /dev/null
+++ b/apps/public/lib/utils.ts
@@ -0,0 +1,6 @@
+import { clsx, type ClassValue } from "clsx"
+import { twMerge } from "tailwind-merge"
+
+export function cn(...inputs: ClassValue[]) {
+ return twMerge(clsx(inputs))
+}
diff --git a/apps/public/next.config.mjs b/apps/public/next.config.mjs
index 6c2cd5a9..fb4601fd 100644
--- a/apps/public/next.config.mjs
+++ b/apps/public/next.config.mjs
@@ -1,28 +1,22 @@
-/**
- * Run `build` or `dev` with `SKIP_ENV_VALIDATION` to skip env validation. This is especially useful
- * for Docker builds.
- */
-await import('./src/env.mjs');
+import { createMDX } from 'fumadocs-mdx/next';
-/** @type {import("next").NextConfig} */
+const withMDX = createMDX();
+
+/** @type {import('next').NextConfig} */
const config = {
- reactStrictMode: true,
- transpilePackages: ['@openpanel/queue'],
- eslint: { ignoreDuringBuilds: true },
- typescript: { ignoreBuildErrors: true },
- experimental: {
- // Avoid "Critical dependency: the request of a dependency is an expression"
- serverComponentsExternalPackages: ['bullmq'],
- },
- /**
- * If you are using `appDir` then you must comment the below `i18n` config out.
- *
- * @see https://github.com/vercel/next.js/issues/41980
- */
- i18n: {
- locales: ['en'],
- defaultLocale: 'en',
+ reactStrictMode: false,
+ images: {
+ domains: ['localhost', 'openpanel.dev'],
},
+ transpilePackages: [
+ '@openpanel/queue',
+ '@openpanel/db',
+ '@openpanel/common',
+ '@openpanel/constants',
+ '@openpanel/redis',
+ '@openpanel/validation',
+ ],
+ serverExternalPackages: ['@hyperdx/node-opentelemetry'],
};
-export default config;
+export default withMDX(config);
diff --git a/apps/public/package.json b/apps/public/package.json
index 3c1ef43a..7af52346 100644
--- a/apps/public/package.json
+++ b/apps/public/package.json
@@ -1,56 +1,50 @@
{
- "name": "@openpanel/public",
- "version": "0.1.0",
+ "name": "public",
+ "version": "0.0.0",
"private": true,
"scripts": {
- "dev": "rm -rf .next && pnpm with-env next dev",
+ "dev": "pnpm with-env next dev",
"build": "next build",
"start": "next start",
- "typecheck": "tsc --noEmit",
+ "postinstall": "fumadocs-mdx",
"with-env": "dotenv -e ../../.env -c --"
},
"dependencies": {
+ "@hyperdx/node-opentelemetry": "^0.8.1",
+ "@number-flow/react": "^0.3.0",
"@openpanel/db": "workspace:*",
- "@openpanel/nextjs": "1.0.0",
- "@radix-ui/react-alert-dialog": "^1.0.5",
- "@radix-ui/react-aspect-ratio": "^1.0.3",
- "@radix-ui/react-avatar": "^1.0.4",
- "@radix-ui/react-checkbox": "^1.0.4",
- "@radix-ui/react-dialog": "^1.0.5",
- "@radix-ui/react-dropdown-menu": "^2.0.6",
- "@radix-ui/react-label": "^2.0.2",
- "@radix-ui/react-popover": "^1.0.7",
- "@radix-ui/react-scroll-area": "^1.0.5",
- "@radix-ui/react-slot": "^1.0.2",
- "@radix-ui/react-toast": "^1.1.5",
- "@radix-ui/react-tooltip": "^1.0.7",
- "@t3-oss/env-nextjs": "^0.7.0",
+ "@openpanel/redis": "workspace:*",
+ "@openpanel/sdk-info": "workspace:^",
+ "@openstatus/react": "^0.0.3",
+ "@radix-ui/react-accordion": "^1.2.1",
+ "@radix-ui/react-slider": "^1.2.1",
+ "@radix-ui/react-slot": "^1.1.0",
+ "@radix-ui/react-tooltip": "^1.1.3",
"class-variance-authority": "^0.7.0",
- "clsx": "^2.0.0",
- "email-validator": "^2.0.4",
- "embla-carousel-autoplay": "8.0.0-rc22",
- "embla-carousel-react": "8.0.0-rc22",
- "lucide-react": "^0.323.0",
- "next": "~14.2.1",
- "react": "18.2.0",
- "react-animate-height": "^3.2.3",
- "react-dom": "18.2.0",
- "react-syntax-highlighter": "^15.5.0",
- "react-type-animation": "^3.2.0",
+ "clsx": "^2.1.1",
+ "dotted-map": "^2.2.3",
+ "framer-motion": "^11.0.28",
+ "fumadocs-core": "14.1.1",
+ "fumadocs-mdx": "11.1.1",
+ "fumadocs-ui": "14.1.1",
+ "geist": "^1.3.1",
+ "lucide-react": "^0.454.0",
+ "next": "15.0.1",
+ "react": "^18.3.1",
+ "react-dom": "^18.3.1",
+ "rehype-external-links": "^3.0.0",
"tailwind-merge": "^1.14.0",
"tailwindcss-animate": "^1.0.7",
"zod": "^3.22.4"
},
"devDependencies": {
- "@openpanel/tsconfig": "workspace:*",
- "@tailwindcss/typography": "^0.5.10",
- "@types/node": "^18.16.0",
- "@types/react": "^18.2.20",
- "@types/react-dom": "^18.2.7",
- "@types/react-syntax-highlighter": "^15.5.9",
- "autoprefixer": "^10.4.14",
- "postcss": "^8.4.27",
- "tailwindcss": "^3.3.3",
- "typescript": "^5.2.2"
+ "@types/mdx": "^2.0.13",
+ "@types/node": "22.8.1",
+ "@types/react": "^18.3.12",
+ "@types/react-dom": "^18.3.1",
+ "autoprefixer": "^10.4.20",
+ "postcss": "^8.4.47",
+ "tailwindcss": "^3.4.14",
+ "typescript": "^5.6.3"
}
}
diff --git a/apps/public/postcss.config.cjs b/apps/public/postcss.config.cjs
deleted file mode 100644
index e305dd92..00000000
--- a/apps/public/postcss.config.cjs
+++ /dev/null
@@ -1,8 +0,0 @@
-const config = {
- plugins: {
- tailwindcss: {},
- autoprefixer: {},
- },
-};
-
-module.exports = config;
diff --git a/apps/docs/postcss.config.js b/apps/public/postcss.config.js
similarity index 100%
rename from apps/docs/postcss.config.js
rename to apps/public/postcss.config.js
diff --git a/apps/public/public/apple-touch-icon.png b/apps/public/public/apple-touch-icon.png
new file mode 100644
index 00000000..2aca47af
Binary files /dev/null and b/apps/public/public/apple-touch-icon.png differ
diff --git a/apps/public/public/article-example.jpg b/apps/public/public/article-example.jpg
new file mode 100644
index 00000000..82a645ad
Binary files /dev/null and b/apps/public/public/article-example.jpg differ
diff --git a/apps/public/public/avatar-2.jpg b/apps/public/public/avatar-2.jpg
new file mode 100644
index 00000000..cfaff49e
Binary files /dev/null and b/apps/public/public/avatar-2.jpg differ
diff --git a/apps/public/public/avatar-3.jpg b/apps/public/public/avatar-3.jpg
new file mode 100644
index 00000000..83b4f5b1
Binary files /dev/null and b/apps/public/public/avatar-3.jpg differ
diff --git a/apps/public/public/avatar.jpg b/apps/public/public/avatar.jpg
new file mode 100644
index 00000000..5f233fde
Binary files /dev/null and b/apps/public/public/avatar.jpg differ
diff --git a/apps/public/public/content/cover-alternatives.jpg b/apps/public/public/content/cover-alternatives.jpg
new file mode 100644
index 00000000..3e5b698b
Binary files /dev/null and b/apps/public/public/content/cover-alternatives.jpg differ
diff --git a/apps/public/public/content/cover-best-web-analytics.jpg b/apps/public/public/content/cover-best-web-analytics.jpg
new file mode 100644
index 00000000..6ab2049d
Binary files /dev/null and b/apps/public/public/content/cover-best-web-analytics.jpg differ
diff --git a/apps/public/public/content/cover-default.jpg b/apps/public/public/content/cover-default.jpg
new file mode 100644
index 00000000..a972ac3e
Binary files /dev/null and b/apps/public/public/content/cover-default.jpg differ
diff --git a/apps/public/public/content/cover-mixpanel.jpg b/apps/public/public/content/cover-mixpanel.jpg
new file mode 100644
index 00000000..50f875d1
Binary files /dev/null and b/apps/public/public/content/cover-mixpanel.jpg differ
diff --git a/apps/public/public/content/screenshot-realtime.png b/apps/public/public/content/screenshot-realtime.png
new file mode 100644
index 00000000..325bfc74
Binary files /dev/null and b/apps/public/public/content/screenshot-realtime.png differ
diff --git a/apps/public/public/content/screenshot-report-bar.png b/apps/public/public/content/screenshot-report-bar.png
new file mode 100644
index 00000000..ce3c8450
Binary files /dev/null and b/apps/public/public/content/screenshot-report-bar.png differ
diff --git a/apps/public/public/content/screenshot-report-funnel.png b/apps/public/public/content/screenshot-report-funnel.png
new file mode 100644
index 00000000..33b9f8b0
Binary files /dev/null and b/apps/public/public/content/screenshot-report-funnel.png differ
diff --git a/apps/public/public/content/screenshot-report-line.png b/apps/public/public/content/screenshot-report-line.png
new file mode 100644
index 00000000..bd12f3f6
Binary files /dev/null and b/apps/public/public/content/screenshot-report-line.png differ
diff --git a/apps/public/public/content/screenshot-web-analytics.png b/apps/public/public/content/screenshot-web-analytics.png
new file mode 100644
index 00000000..947da1ef
Binary files /dev/null and b/apps/public/public/content/screenshot-web-analytics.png differ
diff --git a/apps/public/public/dashboard-dark.png b/apps/public/public/dashboard-dark.png
new file mode 100644
index 00000000..e5d4f9ee
Binary files /dev/null and b/apps/public/public/dashboard-dark.png differ
diff --git a/apps/public/public/dashboard-light.png b/apps/public/public/dashboard-light.png
new file mode 100644
index 00000000..d3e318da
Binary files /dev/null and b/apps/public/public/dashboard-light.png differ
diff --git a/apps/public/public/demo-2/1.png b/apps/public/public/demo-2/1.png
deleted file mode 100644
index fdfec989..00000000
Binary files a/apps/public/public/demo-2/1.png and /dev/null differ
diff --git a/apps/public/public/demo-2/2.png b/apps/public/public/demo-2/2.png
deleted file mode 100644
index ae691d9a..00000000
Binary files a/apps/public/public/demo-2/2.png and /dev/null differ
diff --git a/apps/public/public/demo-2/3.png b/apps/public/public/demo-2/3.png
deleted file mode 100644
index 210f0332..00000000
Binary files a/apps/public/public/demo-2/3.png and /dev/null differ
diff --git a/apps/public/public/demo-2/4.png b/apps/public/public/demo-2/4.png
deleted file mode 100644
index 11a69cb3..00000000
Binary files a/apps/public/public/demo-2/4.png and /dev/null differ
diff --git a/apps/public/public/demo-2/5.png b/apps/public/public/demo-2/5.png
deleted file mode 100644
index 17356ab5..00000000
Binary files a/apps/public/public/demo-2/5.png and /dev/null differ
diff --git a/apps/public/public/demo-2/6.png b/apps/public/public/demo-2/6.png
deleted file mode 100644
index e3d3a124..00000000
Binary files a/apps/public/public/demo-2/6.png and /dev/null differ
diff --git a/apps/public/public/demo-2/7.png b/apps/public/public/demo-2/7.png
deleted file mode 100644
index 3c08953d..00000000
Binary files a/apps/public/public/demo-2/7.png and /dev/null differ
diff --git a/apps/public/public/demo-3/img-1.png b/apps/public/public/demo-3/img-1.png
deleted file mode 100644
index 398fb36c..00000000
Binary files a/apps/public/public/demo-3/img-1.png and /dev/null differ
diff --git a/apps/public/public/demo-3/img-2.png b/apps/public/public/demo-3/img-2.png
deleted file mode 100644
index 5046d1c1..00000000
Binary files a/apps/public/public/demo-3/img-2.png and /dev/null differ
diff --git a/apps/public/public/demo-3/img-3.png b/apps/public/public/demo-3/img-3.png
deleted file mode 100644
index c5891e7c..00000000
Binary files a/apps/public/public/demo-3/img-3.png and /dev/null differ
diff --git a/apps/public/public/demo-3/img-4.png b/apps/public/public/demo-3/img-4.png
deleted file mode 100644
index 0c5669ca..00000000
Binary files a/apps/public/public/demo-3/img-4.png and /dev/null differ
diff --git a/apps/public/public/demo-3/img-5.png b/apps/public/public/demo-3/img-5.png
deleted file mode 100644
index ae982523..00000000
Binary files a/apps/public/public/demo-3/img-5.png and /dev/null differ
diff --git a/apps/public/public/demo/bar-min.png b/apps/public/public/demo/bar-min.png
deleted file mode 100644
index 9d723b55..00000000
Binary files a/apps/public/public/demo/bar-min.png and /dev/null differ
diff --git a/apps/public/public/demo/events-min.png b/apps/public/public/demo/events-min.png
deleted file mode 100644
index cb36a7f7..00000000
Binary files a/apps/public/public/demo/events-min.png and /dev/null differ
diff --git a/apps/public/public/demo/histogram-min.png b/apps/public/public/demo/histogram-min.png
deleted file mode 100644
index 745612c5..00000000
Binary files a/apps/public/public/demo/histogram-min.png and /dev/null differ
diff --git a/apps/public/public/demo/line-min.png b/apps/public/public/demo/line-min.png
deleted file mode 100644
index 0256db75..00000000
Binary files a/apps/public/public/demo/line-min.png and /dev/null differ
diff --git a/apps/public/public/demo/metrics-min.png b/apps/public/public/demo/metrics-min.png
deleted file mode 100644
index fbfe7455..00000000
Binary files a/apps/public/public/demo/metrics-min.png and /dev/null differ
diff --git a/apps/public/public/demo/overview-min.png b/apps/public/public/demo/overview-min.png
deleted file mode 100644
index 5f6d2612..00000000
Binary files a/apps/public/public/demo/overview-min.png and /dev/null differ
diff --git a/apps/public/public/demo/overview-share-min.png b/apps/public/public/demo/overview-share-min.png
deleted file mode 100644
index 3228c6b1..00000000
Binary files a/apps/public/public/demo/overview-share-min.png and /dev/null differ
diff --git a/apps/public/public/demo/pie-min.png b/apps/public/public/demo/pie-min.png
deleted file mode 100644
index d28d0a61..00000000
Binary files a/apps/public/public/demo/pie-min.png and /dev/null differ
diff --git a/apps/public/public/demo/worldmap-min.png b/apps/public/public/demo/worldmap-min.png
deleted file mode 100644
index 90b412f4..00000000
Binary files a/apps/public/public/demo/worldmap-min.png and /dev/null differ
diff --git a/apps/public/public/dubble-swirl.svg b/apps/public/public/dubble-swirl.svg
new file mode 100644
index 00000000..28eb8526
--- /dev/null
+++ b/apps/public/public/dubble-swirl.svg
@@ -0,0 +1,32 @@
+
diff --git a/apps/public/public/favicon-96x96.png b/apps/public/public/favicon-96x96.png
new file mode 100644
index 00000000..cbeb5e09
Binary files /dev/null and b/apps/public/public/favicon-96x96.png differ
diff --git a/apps/public/public/favicon.svg b/apps/public/public/favicon.svg
new file mode 100644
index 00000000..3017359f
--- /dev/null
+++ b/apps/public/public/favicon.svg
@@ -0,0 +1,3 @@
+
\ No newline at end of file
diff --git a/apps/public/public/funnel-dark.png b/apps/public/public/funnel-dark.png
new file mode 100644
index 00000000..8aeff2a4
Binary files /dev/null and b/apps/public/public/funnel-dark.png differ
diff --git a/apps/public/public/funnel-light.png b/apps/public/public/funnel-light.png
new file mode 100644
index 00000000..a947f4ef
Binary files /dev/null and b/apps/public/public/funnel-light.png differ
diff --git a/apps/public/public/logo.jpg b/apps/public/public/logo.jpg
deleted file mode 100644
index dd0ab9e8..00000000
Binary files a/apps/public/public/logo.jpg and /dev/null differ
diff --git a/apps/public/public/logo.png b/apps/public/public/logo.png
new file mode 100644
index 00000000..df9c905b
Binary files /dev/null and b/apps/public/public/logo.png differ
diff --git a/apps/public/public/logo.svg b/apps/public/public/logo.svg
deleted file mode 100644
index 82429a1b..00000000
--- a/apps/public/public/logo.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-
diff --git a/apps/public/public/ogimage.jpg b/apps/public/public/ogimage.jpg
new file mode 100644
index 00000000..a8857d3b
Binary files /dev/null and b/apps/public/public/ogimage.jpg differ
diff --git a/apps/public/public/ogimage.png b/apps/public/public/ogimage.png
deleted file mode 100644
index 52996925..00000000
Binary files a/apps/public/public/ogimage.png and /dev/null differ
diff --git a/apps/public/public/product-analytics-light.png b/apps/public/public/product-analytics-light.png
new file mode 100644
index 00000000..8d5ddcb5
Binary files /dev/null and b/apps/public/public/product-analytics-light.png differ
diff --git a/apps/public/public/profile-dark.png b/apps/public/public/profile-dark.png
new file mode 100644
index 00000000..7f8115f4
Binary files /dev/null and b/apps/public/public/profile-dark.png differ
diff --git a/apps/public/public/profile-light.png b/apps/public/public/profile-light.png
new file mode 100644
index 00000000..004385e7
Binary files /dev/null and b/apps/public/public/profile-light.png differ
diff --git a/apps/public/public/react-native.svg b/apps/public/public/react-native.svg
deleted file mode 100644
index 02d19699..00000000
--- a/apps/public/public/react-native.svg
+++ /dev/null
@@ -1,2 +0,0 @@
-
-
\ No newline at end of file
diff --git a/apps/public/public/retention-dark.png b/apps/public/public/retention-dark.png
new file mode 100644
index 00000000..a1f1c1f0
Binary files /dev/null and b/apps/public/public/retention-dark.png differ
diff --git a/apps/public/public/retention-light.png b/apps/public/public/retention-light.png
new file mode 100644
index 00000000..960a49e7
Binary files /dev/null and b/apps/public/public/retention-light.png differ
diff --git a/apps/public/public/single-swirl.svg b/apps/public/public/single-swirl.svg
new file mode 100644
index 00000000..ae543bf7
--- /dev/null
+++ b/apps/public/public/single-swirl.svg
@@ -0,0 +1,26 @@
+
diff --git a/apps/public/public/site.webmanifest b/apps/public/public/site.webmanifest
new file mode 100644
index 00000000..cb493f90
--- /dev/null
+++ b/apps/public/public/site.webmanifest
@@ -0,0 +1,21 @@
+{
+ "name": "OpenPanel",
+ "short_name": "OP",
+ "icons": [
+ {
+ "src": "/web-app-manifest-192x192.png",
+ "sizes": "192x192",
+ "type": "image/png",
+ "purpose": "maskable"
+ },
+ {
+ "src": "/web-app-manifest-512x512.png",
+ "sizes": "512x512",
+ "type": "image/png",
+ "purpose": "maskable"
+ }
+ ],
+ "theme_color": "#000000",
+ "background_color": "#000000",
+ "display": "standalone"
+}
diff --git a/apps/public/public/web-app-manifest-192x192.png b/apps/public/public/web-app-manifest-192x192.png
new file mode 100644
index 00000000..059fea1f
Binary files /dev/null and b/apps/public/public/web-app-manifest-192x192.png differ
diff --git a/apps/public/public/web-app-manifest-512x512.png b/apps/public/public/web-app-manifest-512x512.png
new file mode 100644
index 00000000..e5897eb5
Binary files /dev/null and b/apps/public/public/web-app-manifest-512x512.png differ
diff --git a/apps/public/source.config.ts b/apps/public/source.config.ts
new file mode 100644
index 00000000..bfbbae5c
--- /dev/null
+++ b/apps/public/source.config.ts
@@ -0,0 +1,55 @@
+import { remarkGfm } from 'fumadocs-core/mdx-plugins';
+import {
+ defineCollections,
+ defineConfig,
+ defineDocs,
+} from 'fumadocs-mdx/config';
+import rehypeExternalLinks from 'rehype-external-links';
+import { z } from 'zod';
+const zArticle = z.object({
+ title: z.string().min(1),
+ description: z.string(),
+ tag: z.string().optional(),
+ team: z.string().optional(),
+ date: z.date(),
+ cover: z.string().default('/content/cover-default.jpg'),
+});
+const zPage = z.object({
+ title: z.string().min(1),
+ description: z.string(),
+});
+
+export const { docs, meta } = defineDocs({
+ dir: 'content/docs',
+});
+
+export const articleCollection = defineCollections({
+ type: 'doc',
+ dir: './content/articles',
+ schema: zArticle,
+});
+
+export const articleMeta = defineCollections({
+ type: 'meta',
+ dir: './content/articles',
+ schema: zArticle,
+});
+
+export const pageCollection = defineCollections({
+ type: 'doc',
+ dir: './content/pages',
+ schema: zPage,
+});
+
+export const pageMeta = defineCollections({
+ type: 'meta',
+ dir: './content/pages',
+ schema: zPage,
+});
+
+export default defineConfig({
+ mdxOptions: {
+ remarkPlugins: [remarkGfm],
+ rehypePlugins: [rehypeExternalLinks],
+ },
+});
diff --git a/apps/public/src/app/(static)/layout.tsx b/apps/public/src/app/(static)/layout.tsx
deleted file mode 100644
index e2c1313e..00000000
--- a/apps/public/src/app/(static)/layout.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { Navbar } from '../navbar';
-
-interface Props {
- children: React.ReactNode;
-}
-
-export default function Layout({ children }: Props) {
- return (
- <>
-
-
-
- This Privacy Policy describes Our policies and procedures on the
- collection, use and disclosure of Your information when You use the
- Service and tells You about Your privacy rights and how the law
- protects You.
-
-
- We use Your Personal data to provide and improve the Service. By using
- the Service, You agree to the collection and use of information in
- accordance with this Privacy Policy.
-
-
Interpretation and Definitions
-
Interpretation
-
- The words of which the initial letter is capitalized have meanings
- defined under the following conditions. The following definitions
- shall have the same meaning regardless of whether they appear in
- singular or in plural.
-
-
Definitions
-
For the purposes of this Privacy Policy:
-
-
-
- Account means a unique account created for You to
- access our Service or parts of our Service.
-
-
-
-
- Affiliate means an entity that controls, is
- controlled by or is under common control with a party, where
- "control" means ownership of 50% or more of the shares,
- equity interest or other securities entitled to vote for election
- of directors or other managing authority.
-
-
-
-
- Application refers to Openpanel, the software
- program provided by the Company.
-
-
-
-
- Company (referred to as either "the
- Company", "We", "Us" or "Our"
- in this Agreement) refers to Coderax AB, Sankt Eriksgatan 100, 113
- 31, Stockholm.
-
-
-
-
- Cookies are small files that are placed on Your
- computer, mobile device or any other device by a website,
- containing the details of Your browsing history on that website
- among its many uses.
-
-
-
-
- Country refers to: Sweden
-
-
-
-
- Device means any device that can access the
- Service such as a computer, a cellphone or a digital tablet.
-
-
-
-
- Personal Data is any information that relates to
- an identified or identifiable individual.
-
-
-
-
- Service refers to the Application or the Website
- or both.
-
-
-
-
- Service Provider means any natural or legal
- person who processes the data on behalf of the Company. It refers
- to third-party companies or individuals employed by the Company to
- facilitate the Service, to provide the Service on behalf of the
- Company, to perform services related to the Service or to assist
- the Company in analyzing how the Service is used.
-
-
-
-
- Usage Data refers to data collected
- automatically, either generated by the use of the Service or from
- the Service infrastructure itself (for example, the duration of a
- page visit).
-
- You means the individual accessing or using the
- Service, or the company, or other legal entity on behalf of which
- such individual is accessing or using the Service, as applicable.
-
-
-
-
Collecting and Using Your Personal Data
-
Types of Data Collected
-
Personal Data
-
- While using Our Service, We may ask You to provide Us with certain
- personally identifiable information that can be used to contact or
- identify You. Personally identifiable information may include, but is
- not limited to:
-
-
-
-
Email address
-
-
-
First name and last name
-
-
-
Usage Data
-
-
-
Usage Data
-
Usage Data is collected automatically when using the Service.
-
- Usage Data may include information such as Your Device's Internet
- Protocol address (e.g. IP address), browser type, browser version, the
- pages of our Service that You visit, the time and date of Your visit,
- the time spent on those pages, unique device identifiers and other
- diagnostic data.
-
-
- When You access the Service by or through a mobile device, We may
- collect certain information automatically, including, but not limited
- to, the type of mobile device You use, Your mobile device unique ID,
- the IP address of Your mobile device, Your mobile operating system,
- the type of mobile Internet browser You use, unique device identifiers
- and other diagnostic data.
-
-
- We may also collect information that Your browser sends whenever You
- visit our Service or when You access the Service by or through a
- mobile device.
-
-
Tracking Technologies and Cookies
-
- We use Cookies and similar tracking technologies to track the activity
- on Our Service and store certain information. Tracking technologies
- used are beacons, tags, and scripts to collect and track information
- and to improve and analyze Our Service. The technologies We use may
- include:
-
-
-
- Cookies or Browser Cookies. A cookie is a small
- file placed on Your Device. You can instruct Your browser to refuse
- all Cookies or to indicate when a Cookie is being sent. However, if
- You do not accept Cookies, You may not be able to use some parts of
- our Service. Unless you have adjusted Your browser setting so that
- it will refuse Cookies, our Service may use Cookies.
-
-
- Web Beacons. Certain sections of our Service and
- our emails may contain small electronic files known as web beacons
- (also referred to as clear gifs, pixel tags, and single-pixel gifs)
- that permit the Company, for example, to count users who have
- visited those pages or opened an email and for other related website
- statistics (for example, recording the popularity of a certain
- section and verifying system and server integrity).
-
-
-
- Cookies can be "Persistent" or "Session" Cookies.
- Persistent Cookies remain on Your personal computer or mobile device
- when You go offline, while Session Cookies are deleted as soon as You
- close Your web browser. You can learn more about cookies{' '}
-
- here
-
- .
-
-
- We use both Session and Persistent Cookies for the purposes set out
- below:
-
-
-
-
- Necessary / Essential Cookies
-
-
Type: Session Cookies
-
Administered by: Us
-
- Purpose: These Cookies are essential to provide You with services
- available through the Website and to enable You to use some of its
- features. They help to authenticate users and prevent fraudulent
- use of user accounts. Without these Cookies, the services that You
- have asked for cannot be provided, and We only use these Cookies
- to provide You with those services.
-
-
-
-
- Cookies Policy / Notice Acceptance Cookies
-
-
Type: Persistent Cookies
-
Administered by: Us
-
- Purpose: These Cookies identify if users have accepted the use of
- cookies on the Website.
-
-
-
-
- Functionality Cookies
-
-
Type: Persistent Cookies
-
Administered by: Us
-
- Purpose: These Cookies allow us to remember choices You make when
- You use the Website, such as remembering your login details or
- language preference. The purpose of these Cookies is to provide
- You with a more personal experience and to avoid You having to
- re-enter your preferences every time You use the Website.
-
-
-
-
- For more information about the cookies we use and your choices
- regarding cookies, please visit our Cookies Policy or the Cookies
- section of our Privacy Policy.
-
-
Use of Your Personal Data
-
The Company may use Personal Data for the following purposes:
-
-
-
- To provide and maintain our Service, including to
- monitor the usage of our Service.
-
-
-
-
- To manage Your Account: to manage Your
- registration as a user of the Service. The Personal Data You
- provide can give You access to different functionalities of the
- Service that are available to You as a registered user.
-
-
-
-
- For the performance of a contract: the
- development, compliance and undertaking of the purchase contract
- for the products, items or services You have purchased or of any
- other contract with Us through the Service.
-
-
-
-
- To contact You: To contact You by email,
- telephone calls, SMS, or other equivalent forms of electronic
- communication, such as a mobile application's push
- notifications regarding updates or informative communications
- related to the functionalities, products or contracted services,
- including the security updates, when necessary or reasonable for
- their implementation.
-
-
-
-
- To provide You with news, special offers and
- general information about other goods, services and events which
- we offer that are similar to those that you have already purchased
- or enquired about unless You have opted not to receive such
- information.
-
-
-
-
- To manage Your requests: To attend and manage
- Your requests to Us.
-
-
-
-
- For business transfers: We may use Your
- information to evaluate or conduct a merger, divestiture,
- restructuring, reorganization, dissolution, or other sale or
- transfer of some or all of Our assets, whether as a going concern
- or as part of bankruptcy, liquidation, or similar proceeding, in
- which Personal Data held by Us about our Service users is among
- the assets transferred.
-
-
-
-
- For other purposes: We may use Your information
- for other purposes, such as data analysis, identifying usage
- trends, determining the effectiveness of our promotional campaigns
- and to evaluate and improve our Service, products, services,
- marketing and your experience.
-
-
-
-
- We may share Your personal information in the following situations:
-
-
-
- With Service Providers: We may share Your personal
- information with Service Providers to monitor and analyze the use of
- our Service, to contact You.
-
-
- For business transfers: We may share or transfer
- Your personal information in connection with, or during negotiations
- of, any merger, sale of Company assets, financing, or acquisition of
- all or a portion of Our business to another company.
-
-
- With Affiliates: We may share Your information with
- Our affiliates, in which case we will require those affiliates to
- honor this Privacy Policy. Affiliates include Our parent company and
- any other subsidiaries, joint venture partners or other companies
- that We control or that are under common control with Us.
-
-
- With business partners: We may share Your
- information with Our business partners to offer You certain
- products, services or promotions.
-
-
- With other users: when You share personal
- information or otherwise interact in the public areas with other
- users, such information may be viewed by all users and may be
- publicly distributed outside.
-
-
- With Your consent: We may disclose Your personal
- information for any other purpose with Your consent.
-
-
-
Retention of Your Personal Data
-
- The Company will retain Your Personal Data only for as long as is
- necessary for the purposes set out in this Privacy Policy. We will
- retain and use Your Personal Data to the extent necessary to comply
- with our legal obligations (for example, if we are required to retain
- your data to comply with applicable laws), resolve disputes, and
- enforce our legal agreements and policies.
-
-
- The Company will also retain Usage Data for internal analysis
- purposes. Usage Data is generally retained for a shorter period of
- time, except when this data is used to strengthen the security or to
- improve the functionality of Our Service, or We are legally obligated
- to retain this data for longer time periods.
-
-
Transfer of Your Personal Data
-
- Your information, including Personal Data, is processed at the
- Company's operating offices and in any other places where the
- parties involved in the processing are located. It means that this
- information may be transferred to — and maintained on — computers
- located outside of Your state, province, country or other governmental
- jurisdiction where the data protection laws may differ than those from
- Your jurisdiction.
-
-
- Your consent to this Privacy Policy followed by Your submission of
- such information represents Your agreement to that transfer.
-
-
- The Company will take all steps reasonably necessary to ensure that
- Your data is treated securely and in accordance with this Privacy
- Policy and no transfer of Your Personal Data will take place to an
- organization or a country unless there are adequate controls in place
- including the security of Your data and other personal information.
-
-
Delete Your Personal Data
-
- You have the right to delete or request that We assist in deleting the
- Personal Data that We have collected about You.
-
-
- Our Service may give You the ability to delete certain information
- about You from within the Service.
-
-
- You may update, amend, or delete Your information at any time by
- signing in to Your Account, if you have one, and visiting the account
- settings section that allows you to manage Your personal information.
- You may also contact Us to request access to, correct, or delete any
- personal information that You have provided to Us.
-
-
- Please note, however, that We may need to retain certain information
- when we have a legal obligation or lawful basis to do so.
-
-
Disclosure of Your Personal Data
-
Business Transactions
-
- If the Company is involved in a merger, acquisition or asset sale,
- Your Personal Data may be transferred. We will provide notice before
- Your Personal Data is transferred and becomes subject to a different
- Privacy Policy.
-
-
Law enforcement
-
- Under certain circumstances, the Company may be required to disclose
- Your Personal Data if required to do so by law or in response to valid
- requests by public authorities (e.g. a court or a government agency).
-
-
Other legal requirements
-
- The Company may disclose Your Personal Data in the good faith belief
- that such action is necessary to:
-
-
-
Comply with a legal obligation
-
Protect and defend the rights or property of the Company
-
- Prevent or investigate possible wrongdoing in connection with the
- Service
-
-
- Protect the personal safety of Users of the Service or the public
-
-
Protect against legal liability
-
-
Security of Your Personal Data
-
- The security of Your Personal Data is important to Us, but remember
- that no method of transmission over the Internet, or method of
- electronic storage is 100% secure. While We strive to use commercially
- acceptable means to protect Your Personal Data, We cannot guarantee
- its absolute security.
-
-
Children's Privacy
-
- Our Service does not address anyone under the age of 13. We do not
- knowingly collect personally identifiable information from anyone
- under the age of 13. If You are a parent or guardian and You are aware
- that Your child has provided Us with Personal Data, please contact Us.
- If We become aware that We have collected Personal Data from anyone
- under the age of 13 without verification of parental consent, We take
- steps to remove that information from Our servers.
-
-
- If We need to rely on consent as a legal basis for processing Your
- information and Your country requires consent from a parent, We may
- require Your parent's consent before We collect and use that
- information.
-
-
Links to Other Websites
-
- Our Service may contain links to other websites that are not operated
- by Us. If You click on a third party link, You will be directed to
- that third party's site. We strongly advise You to review the
- Privacy Policy of every site You visit.
-
-
- We have no control over and assume no responsibility for the content,
- privacy policies or practices of any third party sites or services.
-
-
Changes to this Privacy Policy
-
- We may update Our Privacy Policy from time to time. We will notify You
- of any changes by posting the new Privacy Policy on this page.
-
-
- We will let You know via email and/or a prominent notice on Our
- Service, prior to the change becoming effective and update the
- "Last updated" date at the top of this Privacy Policy.
-
-
- You are advised to review this Privacy Policy periodically for any
- changes. Changes to this Privacy Policy are effective when they are
- posted on this page.
-
-
Contact Us
-
- If you have any questions about this Privacy Policy, You can contact
- us:
-
- Please read these terms and conditions carefully before using Our
- Service.
-
-
Interpretation and Definitions
-
Interpretation
-
- The words of which the initial letter is capitalized have meanings
- defined under the following conditions. The following definitions
- shall have the same meaning regardless of whether they appear in
- singular or in plural.
-
-
Definitions
-
For the purposes of these Terms and Conditions:
-
-
-
- Application means the software program provided
- by the Company downloaded by You on any electronic device, named
- Openpanel
-
-
-
-
- Application Store means the digital distribution
- service operated and developed by Apple Inc. (Apple App Store) or
- Google Inc. (Google Play Store) in which the Application has been
- downloaded.
-
-
-
-
- Affiliate means an entity that controls, is
- controlled by or is under common control with a party, where
- "control" means ownership of 50% or more of the shares,
- equity interest or other securities entitled to vote for election
- of directors or other managing authority.
-
-
-
-
- Account means a unique account created for You to
- access our Service or parts of our Service.
-
-
-
-
- Country refers to: Sweden
-
-
-
-
- Company (referred to as either "the
- Company", "We", "Us" or "Our"
- in this Agreement) refers to Coderax AB, Sankt Eriksgatan 100, 113
- 31, Stockholm.
-
-
-
-
- Device means any device that can access the
- Service such as a computer, a cellphone or a digital tablet.
-
-
-
-
- Free Trial refers to a limited period of time
- that may be free when purchasing a Subscription.
-
-
-
-
- Service refers to the Application or the Website
- or both.
-
-
-
-
- Subscriptions refer to the services or access to
- the Service offered on a subscription basis by the Company to You.
-
-
-
-
- Terms and Conditions (also referred as
- "Terms") mean these Terms and Conditions that form the
- entire agreement between You and the Company regarding the use of
- the Service.
-
-
-
-
- Third-party Social Media Service means any
- services or content (including data, information, products or
- services) provided by a third-party that may be displayed,
- included or made available by the Service.
-
- You means the individual accessing or using the
- Service, or the company, or other legal entity on behalf of which
- such individual is accessing or using the Service, as applicable.
-
-
-
-
Acknowledgment
-
- These are the Terms and Conditions governing the use of this Service
- and the agreement that operates between You and the Company. These
- Terms and Conditions set out the rights and obligations of all users
- regarding the use of the Service.
-
-
- Your access to and use of the Service is conditioned on Your
- acceptance of and compliance with these Terms and Conditions. These
- Terms and Conditions apply to all visitors, users and others who
- access or use the Service.
-
-
- By accessing or using the Service You agree to be bound by these Terms
- and Conditions. If You disagree with any part of these Terms and
- Conditions then You may not access the Service.
-
-
- You represent that you are over the age of 18. The Company does not
- permit those under 18 to use the Service.
-
-
- Your access to and use of the Service is also conditioned on Your
- acceptance of and compliance with the Privacy Policy of the Company.
- Our Privacy Policy describes Our policies and procedures on the
- collection, use and disclosure of Your personal information when You
- use the Application or the Website and tells You about Your privacy
- rights and how the law protects You. Please read Our Privacy Policy
- carefully before using Our Service.
-
-
Subscriptions
-
Subscription period
-
- The Service or some parts of the Service are available only with a
- paid Subscription. You will be billed in advance on a recurring and
- periodic basis (such as daily, weekly, monthly or annually), depending
- on the type of Subscription plan you select when purchasing the
- Subscription.
-
-
- At the end of each period, Your Subscription will automatically renew
- under the exact same conditions unless You cancel it or the Company
- cancels it.
-
-
Subscription cancellations
-
- You may cancel Your Subscription renewal either through Your Account
- settings page or by contacting the Company. You will not receive a
- refund for the fees You already paid for Your current Subscription
- period and You will be able to access the Service until the end of
- Your current Subscription period.
-
-
Billing
-
- You shall provide the Company with accurate and complete billing
- information including full name, address, state, zip code, telephone
- number, and a valid payment method information.
-
-
- Should automatic billing fail to occur for any reason, the Company
- will issue an electronic invoice indicating that you must proceed
- manually, within a certain deadline date, with the full payment
- corresponding to the billing period as indicated on the invoice.
-
-
Fee Changes
-
- The Company, in its sole discretion and at any time, may modify the
- Subscription fees. Any Subscription fee change will become effective
- at the end of the then-current Subscription period.
-
-
- The Company will provide You with reasonable prior notice of any
- change in Subscription fees to give You an opportunity to terminate
- Your Subscription before such change becomes effective.
-
-
- Your continued use of the Service after the Subscription fee change
- comes into effect constitutes Your agreement to pay the modified
- Subscription fee amount.
-
-
Refunds
-
- Except when required by law, paid Subscription fees are
- non-refundable.
-
-
- Certain refund requests for Subscriptions may be considered by the
- Company on a case-by-case basis and granted at the sole discretion of
- the Company.
-
-
Free Trial
-
- The Company may, at its sole discretion, offer a Subscription with a
- Free Trial for a limited period of time.
-
-
- You may be required to enter Your billing information in order to sign
- up for the Free Trial.
-
-
- If You do enter Your billing information when signing up for a Free
- Trial, You will not be charged by the Company until the Free Trial has
- expired. On the last day of the Free Trial period, unless You canceled
- Your Subscription, You will be automatically charged the applicable
- Subscription fees for the type of Subscription You have selected.
-
-
- At any time and without notice, the Company reserves the right to (i)
- modify the terms and conditions of the Free Trial offer, or (ii)
- cancel such Free Trial offer.
-
-
User Accounts
-
- When You create an account with Us, You must provide Us information
- that is accurate, complete, and current at all times. Failure to do so
- constitutes a breach of the Terms, which may result in immediate
- termination of Your account on Our Service.
-
-
- You are responsible for safeguarding the password that You use to
- access the Service and for any activities or actions under Your
- password, whether Your password is with Our Service or a Third-Party
- Social Media Service.
-
-
- You agree not to disclose Your password to any third party. You must
- notify Us immediately upon becoming aware of any breach of security or
- unauthorized use of Your account.
-
-
- You may not use as a username the name of another person or entity or
- that is not lawfully available for use, a name or trademark that is
- subject to any rights of another person or entity other than You
- without appropriate authorization, or a name that is otherwise
- offensive, vulgar or obscene.
-
-
Intellectual Property
-
- The Service and its original content (excluding Content provided by
- You or other users), features and functionality are and will remain
- the exclusive property of the Company and its licensors.
-
-
- The Service is protected by copyright, trademark, and other laws of
- both the Country and foreign countries.
-
-
- Our trademarks and trade dress may not be used in connection with any
- product or service without the prior written consent of the Company.
-
-
Links to Other Websites
-
- Our Service may contain links to third-party web sites or services
- that are not owned or controlled by the Company.
-
-
- The Company has no control over, and assumes no responsibility for,
- the content, privacy policies, or practices of any third party web
- sites or services. You further acknowledge and agree that the Company
- shall not be responsible or liable, directly or indirectly, for any
- damage or loss caused or alleged to be caused by or in connection with
- the use of or reliance on any such content, goods or services
- available on or through any such web sites or services.
-
-
- We strongly advise You to read the terms and conditions and privacy
- policies of any third-party web sites or services that You visit.
-
-
Termination
-
- We may terminate or suspend Your Account immediately, without prior
- notice or liability, for any reason whatsoever, including without
- limitation if You breach these Terms and Conditions.
-
-
- Upon termination, Your right to use the Service will cease
- immediately. If You wish to terminate Your Account, You may simply
- discontinue using the Service.
-
-
Limitation of Liability
-
- Notwithstanding any damages that You might incur, the entire liability
- of the Company and any of its suppliers under any provision of this
- Terms and Your exclusive remedy for all of the foregoing shall be
- limited to the amount actually paid by You through the Service or 100
- USD if You haven't purchased anything through the Service.
-
-
- To the maximum extent permitted by applicable law, in no event shall
- the Company or its suppliers be liable for any special, incidental,
- indirect, or consequential damages whatsoever (including, but not
- limited to, damages for loss of profits, loss of data or other
- information, for business interruption, for personal injury, loss of
- privacy arising out of or in any way related to the use of or
- inability to use the Service, third-party software and/or third-party
- hardware used with the Service, or otherwise in connection with any
- provision of this Terms), even if the Company or any supplier has been
- advised of the possibility of such damages and even if the remedy
- fails of its essential purpose.
-
-
- Some states do not allow the exclusion of implied warranties or
- limitation of liability for incidental or consequential damages, which
- means that some of the above limitations may not apply. In these
- states, each party's liability will be limited to the greatest
- extent permitted by law.
-
-
"AS IS" and "AS AVAILABLE" Disclaimer
-
- The Service is provided to You "AS IS" and "AS
- AVAILABLE" and with all faults and defects without warranty of
- any kind. To the maximum extent permitted under applicable law, the
- Company, on its own behalf and on behalf of its Affiliates and its and
- their respective licensors and service providers, expressly disclaims
- all warranties, whether express, implied, statutory or otherwise, with
- respect to the Service, including all implied warranties of
- merchantability, fitness for a particular purpose, title and
- non-infringement, and warranties that may arise out of course of
- dealing, course of performance, usage or trade practice. Without
- limitation to the foregoing, the Company provides no warranty or
- undertaking, and makes no representation of any kind that the Service
- will meet Your requirements, achieve any intended results, be
- compatible or work with any other software, applications, systems or
- services, operate without interruption, meet any performance or
- reliability standards or be error free or that any errors or defects
- can or will be corrected.
-
-
- Without limiting the foregoing, neither the Company nor any of the
- company's provider makes any representation or warranty of any
- kind, express or implied: (i) as to the operation or availability of
- the Service, or the information, content, and materials or products
- included thereon; (ii) that the Service will be uninterrupted or
- error-free; (iii) as to the accuracy, reliability, or currency of any
- information or content provided through the Service; or (iv) that the
- Service, its servers, the content, or e-mails sent from or on behalf
- of the Company are free of viruses, scripts, trojan horses, worms,
- malware, timebombs or other harmful components.
-
-
- Some jurisdictions do not allow the exclusion of certain types of
- warranties or limitations on applicable statutory rights of a
- consumer, so some or all of the above exclusions and limitations may
- not apply to You. But in such a case the exclusions and limitations
- set forth in this section shall be applied to the greatest extent
- enforceable under applicable law.
-
-
Governing Law
-
- The laws of the Country, excluding its conflicts of law rules, shall
- govern this Terms and Your use of the Service. Your use of the
- Application may also be subject to other local, state, national, or
- international laws.
-
-
Disputes Resolution
-
- If You have any concern or dispute about the Service, You agree to
- first try to resolve the dispute informally by contacting the Company.
-
-
For European Union (EU) Users
-
- If You are a European Union consumer, you will benefit from any
- mandatory provisions of the law of the country in which You are
- resident.
-
-
United States Federal Government End Use Provisions
-
- If You are a U.S. federal government end user, our Service is a
- "Commercial Item" as that term is defined at 48 C.F.R.
- §2.101.
-
-
United States Legal Compliance
-
- You represent and warrant that (i) You are not located in a country
- that is subject to the United States government embargo, or that has
- been designated by the United States government as a "terrorist
- supporting" country, and (ii) You are not listed on any United
- States government list of prohibited or restricted parties.
-
-
Severability and Waiver
-
Severability
-
- If any provision of these Terms is held to be unenforceable or
- invalid, such provision will be changed and interpreted to accomplish
- the objectives of such provision to the greatest extent possible under
- applicable law and the remaining provisions will continue in full
- force and effect.
-
-
Waiver
-
- Except as provided herein, the failure to exercise a right or to
- require performance of an obligation under these Terms shall not
- affect a party's ability to exercise such right or require such
- performance at any time thereafter nor shall the waiver of a breach
- constitute a waiver of any subsequent breach.
-
-
Translation Interpretation
-
- These Terms and Conditions may have been translated if We have made
- them available to You on our Service. You agree that the original
- English text shall prevail in the case of a dispute.
-
-
Changes to These Terms and Conditions
-
- We reserve the right, at Our sole discretion, to modify or replace
- these Terms at any time. If a revision is material We will make
- reasonable efforts to provide at least 30 days' notice prior to
- any new terms taking effect. What constitutes a material change will
- be determined at Our sole discretion.
-
-
- By continuing to access or use Our Service after those revisions
- become effective, You agree to be bound by the revised terms. If You
- do not agree to the new terms, in whole or in part, please stop using
- the website and the Service.
-
-
Contact Us
-
- If you have any questions about these Terms and Conditions, You can
- contact us:
-
- );
-}
diff --git a/apps/public/src/app/page.tsx b/apps/public/src/app/page.tsx
deleted file mode 100644
index a4b0e2a8..00000000
--- a/apps/public/src/app/page.tsx
+++ /dev/null
@@ -1,125 +0,0 @@
-import { ALink } from '@/components/ui/button';
-import { ExternalLinkIcon } from 'lucide-react';
-
-import { Heading2, Lead2, Paragraph } from './copy';
-import { Features } from './features';
-import { Hero } from './hero';
-import { Pricing } from './pricing';
-import { PunchLines } from './punch-lines';
-
-export const dynamic = 'force-dynamic';
-export const revalidate = 3600;
-
-export default function Page() {
- return (
-
-
-
-
-
- Analytics should be easy
-
- and powerful
-
-
- The power of Mixpanel, the ease of Plausible and nothing from Google
- Analytics 😉 Curious how it looks?
-
-
- Check out the demo
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Another analytic tool? Really?
- {/* */}
-
-
-
TL;DR
-
- Our open-source analytic library fills a crucial gap by combining
- the strengths of Mixpanel's powerful features with
- Plausible's clear overview page. Motivated by the lack of an
- open-source alternative to Mixpanel and inspired by
- Plausible's simplicity, we aim to create an intuitive
- platform with predictable pricing. With a single-tier pricing
- model and limits only on monthly event counts, our goal is to
- democratize analytics, offering unrestricted access to all
- features while ensuring affordability and transparency for users
- of all project sizes.
-
-
-
The why
-
- Our open-source analytic library emerged from a clear need within
- the analytics community. While platforms like Mixpanel offer
- powerful and user-friendly features, they lack a comprehensive
- overview page akin to Plausible's, which succinctly
- summarizes essential metrics. Recognizing this gap, we saw an
- opportunity to combine the strengths of both platforms while
- addressing their respective shortcomings.
-
-
-
- One significant motivation behind our endeavor was the absence of
- an open-source alternative to Mixpanel. We believe in the
- importance of accessibility and transparency in analytics, which
- led us to embark on creating a solution that anyone can freely use
- and contribute to.
-
-
-
- Inspired by Plausible's exemplary approach to simplicity and
- clarity, we aim to build upon their foundation and further refine
- the user experience. By harnessing the best practices demonstrated
- by Plausible, we aspire to create an intuitive and streamlined
- analytics platform that empowers users to derive actionable
- insights effortlessly.
-
-
-
- Our own experiences with traditional analytics platforms like
- Mixpanel underscored another critical aspect driving our project:
- the need for predictable pricing. As project owners ourselves, we
- encountered the frustration of escalating costs as our user base
- grew. Therefore, we are committed to offering a single-tier
- pricing model that provides unlimited access to all features
- without the fear of unexpected expenses.
-
-
-
- In line with our commitment to fairness and accessibility, our
- pricing model will only impose limits on the number of events
- users can send each month. This approach, akin to
- Plausible's, ensures that users have the freedom to explore
- and utilize our platform to its fullest potential without
- arbitrary restrictions on reports or user counts. Ultimately, our
- goal is to democratize analytics by offering a reliable,
- transparent, and cost-effective solution for projects of all
- sizes.
-
-
-
-
-
-
- Clickhouse is here
-
-
-
-
-
- GetDreams is here
-
-
-
-
-
- KiddoKitchen is here
-
-
-
-
{count} early birds have signed up! 🚀
- {/*
-
-
-
-
-
-
*/}
-
-
- );
-}
-
-//
What users think
“ Been a long time Mixpanel user and without a doubt there's a bunch of room to innovate. I'm confident Openpanel is on the right path! ”
“ I have used Openpanel for the last 6 months (since I’m the creator) for 3 different sites/apps. It’s a great analytics product that has everything you need. Still lacking a native app but will work hard to make that a reality! ”
“ would be cool if it was easier to edit text after image is generated ”
“ Awesome product, very easy to use and understand. I miss a native app and the documentation could be improved. Otherwise I love it. ”
“ I have used Open panel since the private beta and i'm super impressed by the product already, the speed after you give feedback to actually get the features is truly amazing! Can't wait to see where Openpanel are in 6 months! ”
“ Impressively fast UI and easy to integrate! Added it alongside my current analytics tool for my native app in less than an hour. ”
“ Im using plausible and find it pleasing but limited.
-// Im looking forward to trying out Openpanel, the demo pictures and the page look professional. The listed features seem to be broader then plausible. :) ”
“ Incredibly easy to implement and a joy to use. 5/5 would recommend. ”
- 
-
-# Introduction
-
-Openpanel is an open-source alternative to Mixpanel. Combining the power of Mixpanel with the ease of Plausible, Openpanel is a privacy-focused analytics tool that gives you the insights you need to make data-driven decisions.
-
-## Features
-
-- ✅ **Privacy-focused**: Openpanel is built with privacy in mind. We don't track any personal data and we don't use cookies.
-- ✅ **Open-source**: Openpanel is open-source and you can host it yourself.
-- ✅ **Cloud-hosted**: You can choose our cloud hosting if you don't want to host it yourself. We take care of the infrastructure and you can focus on your business.
-- ✅ **Real-time analytics**: Everything is updated in real-time, no delays to see your insights.
-- ✅ **Event-based tracking**: You can track any event you want, and you can track as many events as you want.
-- ✅ **Custom properties**: You can add custom properties to your events to track more data.
-- ✅ **Funnel analysis**: You can create funnels to see how your users are interacting with your product.
-- ✅ **Reports**: Create as many reports as you want to visualize the data you need.
diff --git a/apps/docs/tailwind.config.js b/apps/docs/tailwind.config.js
deleted file mode 100644
index a5a0b69c..00000000
--- a/apps/docs/tailwind.config.js
+++ /dev/null
@@ -1,8 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-module.exports = {
- content: ['./src/**/*.{js,ts,jsx,tsx,mdx}'],
- theme: {
- extend: {},
- },
- plugins: [],
-};
diff --git a/apps/docs/theme.config.jsx b/apps/docs/theme.config.jsx
deleted file mode 100644
index 020fb9cf..00000000
--- a/apps/docs/theme.config.jsx
+++ /dev/null
@@ -1,85 +0,0 @@
-import Image from 'next/image';
-import { useRouter } from 'next/router';
-import { useConfig } from 'nextra-theme-docs';
-
-export default {
- banner: {
- key: '1.0-release',
- text: (
-
- 🎉 We have released v1. Read migration guide if needed!
-
- ),
- },
- logo: (
- <>
- 
+ })
+ {event.platform}
+ 
+ 
+ ) : (
+ 
+ )}
+ }`})
+ 
“ Been a long time Mixpanel user and without a doubt there's a bunch of room to innovate. I'm confident Openpanel is on the right path! ”
“ I have used Openpanel for the last 6 months (since I’m the creator) for 3 different sites/apps. It’s a great analytics product that has everything you need. Still lacking a native app but will work hard to make that a reality! ”
“ would be cool if it was easier to edit text after image is generated ”
“ Awesome product, very easy to use and understand. I miss a native app and the documentation could be improved. Otherwise I love it. ”
“ I have used Open panel since the private beta and i'm super impressed by the product already, the speed after you give feedback to actually get the features is truly amazing! Can't wait to see where Openpanel are in 6 months! ”
“ Impressively fast UI and easy to integrate! Added it alongside my current analytics tool for my native app in less than an hour. ”
“ Im using plausible and find it pleasing but limited.
-// Im looking forward to trying out Openpanel, the demo pictures and the page look professional. The listed features seem to be broader then plausible. :) ”
“ Incredibly easy to implement and a joy to use. 5/5 would recommend. ”