Elizhium/litlyx
1
0
Fork 0
mirror of https://github.com/Litlyx/litlyx synced 2025-12-10 07:48:37 +01:00
Code Issues Packages Projects Releases Wiki Activity

change buttons + github action

Browse Source
This commit is contained in:
Emily
2024-07-17 15:11:09 +02:00
parent 094e191900
commit 5300da90f2
4 changed files with 94 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
landing/components/MainButton.vue Normal file
View File

@@ -0,0 +1,16 @@
<script lang="ts" setup>
const props = defineProps<{
action?: () => {},
link?: string,
target?: string
}>();
</script>
<template>
<NuxtLink @click="action?.()" :to="link" :target="target || ''"
class="poppins font-[500] px-10 py-[.3rem] bg-[#222A42] outline outline-[1px] outline-[#5680F8] rounded-xl">
<slot></slot>
</NuxtLink>
</template>

2
landing/components/blog/ArticleWrapper.vue
View File

@@ -17,7 +17,7 @@ const blogPost = blogPosts.value.find(e => e.id == id);
<h1 class="text-6xl font-normal">
{{ blogPost?.title }}
</h1>
<p class="italic mt-3 text-2xl">
<p class="mt-6 text-2xl">
{{ blogPost?.subtitle }}
</p>
<div class="flex items-center gap-2">

66
landing/layouts/header.vue
View File

@@ -32,7 +32,7 @@ nuxtApp.hook("page:finish", () => {
</NuxtLink>
<div class="grow"></div>
<div class="flex gap-8 text-[1.1rem] text-white font-[500]">
<div class="flex gap-8 text-[1.1rem] text-white font-[500] items-center">
<NuxtLink to="https://litlyx.com/blog" class="poppins hover:text-text-sub/90">
Blog
</NuxtLink>
@@ -43,18 +43,39 @@ nuxtApp.hook("page:finish", () => {
<NuxtLink target="_blank" to="https://docs.litlyx.com" class="poppins hover:text-text-sub/90">
Docs
</NuxtLink>
<NuxtLink target="_blank" to="https://github.com/Litlyx/litlyx" class="poppins hover:text-text-sub/90">
<!-- <NuxtLink target="_blank" to="https://github.com/Litlyx/litlyx" class="poppins hover:text-text-sub/90">
GitHub
</NuxtLink>
</NuxtLink> -->
<NuxtLink to="/pricing" class="poppins hover:text-text-sub/90">
Pricing
</NuxtLink>
<NuxtLink to="https://github.com/Litlyx/litlyx"
class="cursor-pointer hover:bg-white/10 flex items-center gap-2 rounded-lg outline outline-[1px] outline-white px-6 py-[.3rem]">
<div class="w-6 h-6">
<svg viewBox="0 0 100 98" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M50.0002 0.000488281C22.3894 0.000488281 0 22.386 0 50.0007C0 72.0924 14.3266 90.8345 34.1933 97.4461C36.692 97.9088 37.6096 96.3614 37.6096 95.0406C37.6096 93.8485 37.563 89.9095 37.5418 85.7316C23.6313 88.7562 20.6961 79.8322 20.6961 79.8322C18.4217 74.0528 15.1446 72.5163 15.1446 72.5163C10.6083 69.4129 15.4865 69.4765 15.4865 69.4765C20.5075 69.8294 23.1513 74.6292 23.1513 74.6292C27.6108 82.2733 34.8482 80.0631 37.7014 78.7859C38.15 75.5539 39.4461 73.3485 40.8758 72.0999C29.7703 70.8352 18.0954 66.5479 18.0954 47.3894C18.0954 41.9308 20.0487 37.4701 23.2474 33.9687C22.7282 32.7091 21.0169 27.6238 23.7317 20.7366C23.7317 20.7366 27.9304 19.3927 37.4853 25.8619C41.4734 24.7537 45.7509 24.1985 50.0002 24.1796C54.2495 24.1985 58.5301 24.7537 62.526 25.8619C72.0696 19.3927 76.2624 20.7366 76.2624 20.7366C78.9839 27.6238 77.2718 32.7091 76.7526 33.9687C79.9584 37.4701 81.8983 41.9304 81.8983 47.3894C81.8983 66.5934 70.2014 70.8223 59.0677 72.0599C60.861 73.6116 62.459 76.6546 62.459 81.3192C62.459 88.0091 62.4009 93.3936 62.4009 95.0406C62.4009 96.3712 63.3009 97.9304 65.8357 97.4394C85.6915 90.8204 100 72.085 100 50.0007C100 22.386 77.6137 0.000488281 50.0002 0.000488281Z"
fill="white" />
<path
d="M18.7269 71.2268C18.6171 71.475 18.2257 71.5495 17.8701 71.3793C17.5073 71.2162 17.3034 70.8774 17.421 70.628C17.5289 70.3723 17.9202 70.3009 18.2822 70.4727C18.6457 70.6354 18.8528 70.9774 18.7269 71.2268ZM21.1864 73.4212C20.948 73.6424 20.4817 73.5396 20.1653 73.1902C19.8382 72.8416 19.777 72.3758 20.019 72.1511C20.2649 71.9303 20.717 72.0334 21.0448 72.3824C21.3719 72.735 21.4354 73.1981 21.186 73.4216L21.1864 73.4212ZM22.8738 76.229C22.5672 76.4419 22.066 76.2423 21.7566 75.7976C21.4503 75.3533 21.4503 74.82 21.7633 74.6063C22.0738 74.3925 22.5672 74.5847 22.8809 75.0259C23.1867 75.478 23.1867 76.0113 22.8734 76.2293L22.8738 76.229ZM25.727 79.481C25.4529 79.7829 24.8694 79.7022 24.442 79.2896C24.0051 78.8865 23.8832 78.3144 24.1581 78.012C24.4353 77.7093 25.0224 77.7944 25.4529 78.2034C25.887 78.6057 26.0196 79.1822 25.7274 79.481H25.727ZM29.4148 80.579C29.2944 80.9704 28.732 81.1484 28.1658 80.9821C27.6003 80.8108 27.2301 80.3519 27.3442 79.9563C27.4619 79.5622 28.0266 79.3767 28.5971 79.5547C29.1618 79.7253 29.5328 80.1806 29.4152 80.579H29.4148ZM33.6123 81.0445C33.6264 81.457 33.146 81.799 32.5515 81.8064C31.9535 81.8194 31.47 81.4856 31.4637 81.0802C31.4637 80.6637 31.9331 80.3249 32.5307 80.3151C33.1252 80.3033 33.6123 80.6347 33.6123 81.0445ZM37.7353 80.8864C37.8066 81.2888 37.3933 81.7021 36.8031 81.8119C36.2228 81.9178 35.6855 81.6695 35.6114 81.2707C35.5393 80.8582 35.9604 80.4453 36.5396 80.3382C37.131 80.2355 37.66 80.4774 37.7353 80.8864Z"
fill="white" />
</svg>
</div>
<div class="text-[1rem]">
210+
</div>
</NuxtLink>
</div>
<div class="px-10 pt-6 lg:pt-0">
<NuxtLink to="https://dashboard.litlyx.com" target="_blank"
class="poppins font-[500] px-10 py-[.3rem] bg-accent rounded-xl animated-button">
<MainButton link="https://dashboard.litlyx.com">
Get started
</NuxtLink>
</MainButton>
</div>
</div>
@@ -93,8 +114,7 @@ nuxtApp.hook("page:finish", () => {
</div>
<NuxtLink to="https://litlyx.com/blog"
class="flex justify-between items-center mr-2">
<NuxtLink to="https://litlyx.com/blog" class="flex justify-between items-center mr-2">
<div class="hover:text-text-sub/90 py-3">
Blog
</div>
@@ -113,13 +133,6 @@ nuxtApp.hook("page:finish", () => {
<div class="divider border-b border-gray-500/40"></div>
<NuxtLink target="_blank" to="https://github.com/Litlyx/litlyx"
class="flex justify-between items-center mr-2">
<div class="hover:text-text-sub/90 py-3"> GitHub </div>
<div> <i class="fas fa-chevron-right"></i> </div>
</NuxtLink>
<div class="divider border-b border-gray-500/40"></div>
@@ -133,6 +146,27 @@ nuxtApp.hook("page:finish", () => {
<div class="divider border-b border-gray-500/40"></div>
<NuxtLink to="https://github.com/Litlyx/litlyx"
class="cursor-pointer hover:bg-white/10 mt-10 flex justify-center items-center gap-2 rounded-lg outline outline-[1px] outline-white px-6 py-3">
<div class="w-6 h-6">
<svg viewBox="0 0 100 98" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M50.0002 0.000488281C22.3894 0.000488281 0 22.386 0 50.0007C0 72.0924 14.3266 90.8345 34.1933 97.4461C36.692 97.9088 37.6096 96.3614 37.6096 95.0406C37.6096 93.8485 37.563 89.9095 37.5418 85.7316C23.6313 88.7562 20.6961 79.8322 20.6961 79.8322C18.4217 74.0528 15.1446 72.5163 15.1446 72.5163C10.6083 69.4129 15.4865 69.4765 15.4865 69.4765C20.5075 69.8294 23.1513 74.6292 23.1513 74.6292C27.6108 82.2733 34.8482 80.0631 37.7014 78.7859C38.15 75.5539 39.4461 73.3485 40.8758 72.0999C29.7703 70.8352 18.0954 66.5479 18.0954 47.3894C18.0954 41.9308 20.0487 37.4701 23.2474 33.9687C22.7282 32.7091 21.0169 27.6238 23.7317 20.7366C23.7317 20.7366 27.9304 19.3927 37.4853 25.8619C41.4734 24.7537 45.7509 24.1985 50.0002 24.1796C54.2495 24.1985 58.5301 24.7537 62.526 25.8619C72.0696 19.3927 76.2624 20.7366 76.2624 20.7366C78.9839 27.6238 77.2718 32.7091 76.7526 33.9687C79.9584 37.4701 81.8983 41.9304 81.8983 47.3894C81.8983 66.5934 70.2014 70.8223 59.0677 72.0599C60.861 73.6116 62.459 76.6546 62.459 81.3192C62.459 88.0091 62.4009 93.3936 62.4009 95.0406C62.4009 96.3712 63.3009 97.9304 65.8357 97.4394C85.6915 90.8204 100 72.085 100 50.0007C100 22.386 77.6137 0.000488281 50.0002 0.000488281Z"
fill="white" />
<path
d="M18.7269 71.2268C18.6171 71.475 18.2257 71.5495 17.8701 71.3793C17.5073 71.2162 17.3034 70.8774 17.421 70.628C17.5289 70.3723 17.9202 70.3009 18.2822 70.4727C18.6457 70.6354 18.8528 70.9774 18.7269 71.2268ZM21.1864 73.4212C20.948 73.6424 20.4817 73.5396 20.1653 73.1902C19.8382 72.8416 19.777 72.3758 20.019 72.1511C20.2649 71.9303 20.717 72.0334 21.0448 72.3824C21.3719 72.735 21.4354 73.1981 21.186 73.4216L21.1864 73.4212ZM22.8738 76.229C22.5672 76.4419 22.066 76.2423 21.7566 75.7976C21.4503 75.3533 21.4503 74.82 21.7633 74.6063C22.0738 74.3925 22.5672 74.5847 22.8809 75.0259C23.1867 75.478 23.1867 76.0113 22.8734 76.2293L22.8738 76.229ZM25.727 79.481C25.4529 79.7829 24.8694 79.7022 24.442 79.2896C24.0051 78.8865 23.8832 78.3144 24.1581 78.012C24.4353 77.7093 25.0224 77.7944 25.4529 78.2034C25.887 78.6057 26.0196 79.1822 25.7274 79.481H25.727ZM29.4148 80.579C29.2944 80.9704 28.732 81.1484 28.1658 80.9821C27.6003 80.8108 27.2301 80.3519 27.3442 79.9563C27.4619 79.5622 28.0266 79.3767 28.5971 79.5547C29.1618 79.7253 29.5328 80.1806 29.4152 80.579H29.4148ZM33.6123 81.0445C33.6264 81.457 33.146 81.799 32.5515 81.8064C31.9535 81.8194 31.47 81.4856 31.4637 81.0802C31.4637 80.6637 31.9331 80.3249 32.5307 80.3151C33.1252 80.3033 33.6123 80.6347 33.6123 81.0445ZM37.7353 80.8864C37.8066 81.2888 37.3933 81.7021 36.8031 81.8119C36.2228 81.9178 35.6855 81.6695 35.6114 81.2707C35.5393 80.8582 35.9604 80.4453 36.5396 80.3382C37.131 80.2355 37.66 80.4774 37.7353 80.8864Z"
fill="white" />
</svg>
</div>
<div class="text-[1rem]">
210+
</div>
<div class="ml-2">
Star us on GitHub
</div>
</NuxtLink>
</div>
</div>
<div>
@@ -185,7 +219,7 @@ nuxtApp.hook("page:finish", () => {
Docs </NuxtLink>
<NuxtLink target="_blank" to="https://github.com/Litlyx/litlyx"
class="hover:text-accent cursor-pointer"> Github </NuxtLink>
<NuxtLink to="/pricing" class="hover:text-accent cursor-pointer"> Pricing </NuxtLink>
<NuxtLink to="/pricing" class="hover:text-accent cursor-pointer"> Pricing </NuxtLink>
</div>
<div class="flex flex-col gap-4">
<div class="text-text-sub/60 font-semibold text-[1.3rem]"> Company </div>

49
landing/pages/blog/presenting-litlyx.vue
View File

@@ -16,13 +16,13 @@ useSeoMeta({
ogDescription: () => blogPost?.subtitle,
keywords: 'Litlyx blog, analytics insights, real-time analytics, AI-powered analytics, data visualization, performance metrics, KPI tracking, custom events, open-source analytics, business intelligence, data trends, developer insights, analytics updates, data-driven decisions, blog updates, tech news, Litlyx updates, analytics best practices',
author: () => blogPost?.author,
ogImage: () => 'https://litlyx.com/blog/posts/' + blogPost?.image,
ogImage: () => 'https://litlyx.com/blog/' + blogPost?.image,
ogType: 'website',
ogUrl: 'https://litlyx.com/blog',
twitterCard: 'summary_large_image',
twitterTitle: () => `Litlyx Blog - ${blogPost?.title}`,
twitterDescription: () => blogPost?.subtitle,
twitterImage: () => 'https://litlyx.com/blog/posts/' + blogPost?.image,
twitterImage: () => 'https://litlyx.com/blog/' + blogPost?.image,
ogSiteName: 'Litlyx',
ogLocale: 'en_US',
ogImageWidth: '1200',
@@ -33,12 +33,12 @@ useSeoMeta({
<template>
<BlogArticleWrapper>
<div>
<div class="text-white/80">
<section>
<h2 class="text-3xl font-semibold">Why?</h2>
<p>When I was a CTO at one of my previous startups, I faced significant challenges in tracking and
analyzing
metrics effectively. Our team needed <strong>real-time analytics</strong>, yet existing solutions
metrics effectively. Our team needed real-time analytics, yet existing solutions
were
often outdated, expensive, and complicated to set up.</p>
<p>I needed speed. Speed like a Ferrari.</p>
@@ -47,8 +47,8 @@ useSeoMeta({
growth team, I had to manage a team of five developers, organize feature implementations, and set up
analytics.</p>
<p>It was rough.</p>
<p>I struggled to get actionable data without a complex setup, and the lack of a <strong>lightweight,
customizable analytics tool</strong> that was fast to implement.</p>
<p>I struggled to get actionable data without a complex setup, and the lack of a lightweight,
customizable analytics tool that was fast to implement.</p>
<p>It was a real problem.</p>
<p>Frustrated with the limitations of current analytics solutions, I opted for MixPanel for tracking
custom
@@ -59,42 +59,42 @@ useSeoMeta({
behavior but lacked real-time capabilities. There wasn’t a tool that did it all in one solution nor
was
created for each tech-stack out there.</p>
<p>For this level of complexity in metrics, <strong>developers MUST be involved</strong>. period.</p>
<p>For this level of complexity in metrics, developers MUST be involved. period.</p>
</section>
<section>
<h2 class="text-3xl font-semibold">Why Dev-Centric</h2>
<p>We're building <strong>Litlyx</strong>, an <strong>open-source, lightweight analytics
platform</strong>
<p>We're building Litlyx, an open-source, lightweight analytics
platform
designed for simplicity to empower each developer to track analytics within seconds.</p>
<p>Our mission was to achieve a <strong>30-seconds setup</strong> in all tech stacks.</p>
<p><strong>Spoiler Alert: we did!</strong></p>
<p>We needed to create a tool that not only tracks your KPIs but also offers <strong>high
customization</strong>, an <strong>AI data-analyst assistant</strong>, and <strong>comprehensive
analytics report generation</strong>.</p>
<p>Our mission was to achieve a 30-seconds setup in all tech stacks.</p>
<p>Spoiler Alert: we did!</p>
<p>We needed to create a tool that not only tracks your KPIs but also offers high
customization, an AI data-analyst assistant, and comprehensive
analytics report generation.</p>
<p>Everything about analytics with Litlyx should be Exceptionally Easy and Fast.</p>
<p>Devs should be focusing on actual Feature implementations and not wasting-time on reading complex
documentations.</p>
</section>
<section>
<h2 class="text-3xl font-semibold">Why now, in 2024?</h2>
<p>The current landscape of <strong>analytics tools</strong> is outdated and fragmented. Most solutions
<p>The current landscape of analytics tools is outdated and fragmented. Most solutions
were
developed over a decade ago, primarily focusing on large enterprises and emphasizing sales-led
growth or
marketing.</p>
<p>These tools often ignore the needs of developers and smaller teams. But they are essential.</p>
<p>No one is prioritizing a <strong>developer-first analytics experience</strong> or innovating in the
<p>No one is prioritizing a developer-first analytics experience or innovating in the
analytics space.</p>
<p>The time has come to rethink analytics for 2024 and beyond. We need a tool that aligns with modern
app
development standards and provides a seamless, intuitive, and most importantly, <strong>dev-centric
experience</strong>.</p>
development standards and provides a seamless, intuitive, and most importantly, dev-centric
experience.</p>
</section>
<section>
<h2 class="text-3xl font-semibold">How the future looks</h2>
<p><strong>Litlyx</strong> aims to be the No.1 tool for analytics tracking that comes to mind for
<p>Litlyx aims to be the No.1 tool for analytics tracking that comes to mind for
developers, known for efficiency, simplicity, and cost-effectiveness.</p>
<p>We want to be the <strong>go-to solution for collecting analytics</strong>, reducing fragmentation,
<p>We want to be the go-to solution for collecting analytics, reducing fragmentation,
enhancing aggregation, and acting as a connector for databases and analytics tools that people
already
use. Our goal is to be the only place people need for everything related to analytics.</p>
@@ -105,12 +105,12 @@ useSeoMeta({
<p>The Litlyx Team have taken the responsibility to create the simplest yet most effective way to track
analytics.</p>
<p>We're building something that developers can really love.</p>
<p>We're building it <a href="https://github.com/Litlyx/litlyx"><strong>Open-Source</strong></a>,
<p>We're building it <a href="https://github.com/Litlyx/litlyx">Open-Source</a>,
because we
trust transparency and we know how much difficult it is to gain control on where your data goes.</p>
<p>Probably we will make some mistakes in the process, but we are humans. We are devs!</p>
<p>Join our journey and be among the pioneer developers to experience analytics tracking with
<strong>Litlyx</strong>.
Litlyx.
</p>
</section>
</div>
@@ -132,6 +132,11 @@ footer {
margin-bottom: 2rem;
}
section h2 {
margin-bottom: 2rem;
color: white;
}
p {
margin-bottom: 1rem;
}