Skip to content

Commit a16a657

Browse files
AmanAgarwal041AmanAgarwal041
committed
feat: blog added, fazier action buttons added
1 parent b528745 commit a16a657

23 files changed

+318
-74
lines changed

‎app/blog/[...slug]/page.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ import { allBlogs, allAuthors } from 'contentlayer/generated'
99
import type { Authors, Blog } from 'contentlayer/generated'
1010
import PostLayout from '@/layouts/post-layout'
1111
import { Metadata } from 'next'
12-
import siteMetadata from 'data-2/siteMetadata'
12+
import siteMetadata from 'data/siteMetadata'
1313
import { notFound } from 'next/navigation'
1414
import TracingBeam from '@/components/ui/tracing-beam'
1515

‎app/layout.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ import { Space_Grotesk } from 'next/font/google'
44
// import { Analytics, AnalyticsConfig } from 'pliny/analytics'
55
import Header from '@/components/common/header'
66
import Footer from '@/components/common/footer'
7-
import siteMetadata from 'data-2/siteMetadata'
7+
import siteMetadata from 'data/siteMetadata'
88
import { Metadata } from 'next'
99
import { cookies } from 'next/headers'
1010

‎app/robots.ts

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { MetadataRoute } from 'next'
2-
import siteMetadata from 'data-2/siteMetadata'
2+
import siteMetadata from 'data/siteMetadata'
33

44
export default function robots(): MetadataRoute.Robots {
55
return {

‎app/seo.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { Metadata } from 'next'
2-
import siteMetadata from 'data-2/siteMetadata'
2+
import siteMetadata from 'data/siteMetadata'
33

44
interface PageSEOProps {
55
title: string

‎app/sitemap.ts

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import { MetadataRoute } from 'next'
22
import { allBlogs } from 'contentlayer/generated'
3-
import siteMetadata from 'data-2/siteMetadata'
3+
import siteMetadata from 'data/siteMetadata'
44

55
export default function sitemap(): MetadataRoute.Sitemap {
66
const siteUrl = siteMetadata.siteUrl

‎components/common/footer.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import siteMetadata from 'data-2/siteMetadata'
1+
import siteMetadata from 'data/siteMetadata'
22
import SocialIcon from '@/components/social-icons'
33

44
import Image from 'next/image'

‎components/common/header.tsx

+27-3
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
'use client'
2-
import siteMetadata from 'data-2/siteMetadata'
3-
import headerNavLinks from 'data-2/headerNavLinks.js'
2+
import siteMetadata from 'data/siteMetadata'
3+
import headerNavLinks from 'data/headerNavLinks.js'
44
import Link from '@/components/common/link'
55
import {
66
NavigationMenu,
@@ -47,7 +47,7 @@ export default function Header() {
4747
<SheetHeader>
4848
<SheetTitle className="text-xl font-bold">{siteMetadata.headerTitle}</SheetTitle>
4949
</SheetHeader>
50-
<nav className="mt-4 flex flex-col items-center justify-center gap-2">
50+
<nav className="mt-4 flex flex-col items-center justify-center gap-8">
5151
{/* {headerNavLinks
5252
.filter((link) => link.href !== '/')
5353
.map((link) => (
@@ -65,6 +65,18 @@ export default function Header() {
6565
>
6666
Feedback
6767
</Link> */}
68+
<a
69+
href="https://fazier.com/launches/openlit-2"
70+
target="_blank"
71+
rel="noopener noreferrer"
72+
className="self-center"
73+
>
74+
<img
75+
src="https://fazier.com/api/v1/public/badges/embed_image.svg?launch_id=779&badge_type=daily"
76+
alt="Fazier"
77+
className="h-[40px] rounded"
78+
/>
79+
</a>
6880
<a
6981
href={siteMetadata.slack}
7082
target="_blank"
@@ -110,6 +122,18 @@ export default function Header() {
110122
</Link> */}
111123
</nav>
112124
<div className="hidden gap-2 md:flex">
125+
<a
126+
href="https://fazier.com/launches/openlit-2"
127+
target="_blank"
128+
rel="noopener noreferrer"
129+
className="self-center"
130+
>
131+
<img
132+
src="https://fazier.com/api/v1/public/badges/embed_image.svg?launch_id=779&badge_type=daily"
133+
alt="Fazier"
134+
className="h-[40px] rounded"
135+
/>
136+
</a>
113137
<a
114138
href={siteMetadata.slack}
115139
target="_blank"

‎components/home/about.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import siteMetadata from 'data-2/siteMetadata'
1+
import siteMetadata from 'data/siteMetadata'
22
import Image from 'next/image'
33
export default function About() {
44
return (

‎components/home/hero.tsx

+11-8
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,8 @@
1-
import siteMetadata from 'data-2/siteMetadata'
1+
import siteMetadata from 'data/siteMetadata'
22
import { Button as MovingBorder } from '../ui/moving-borders'
33
import { GitHubLogoIcon, StarFilledIcon } from '@radix-ui/react-icons'
44
import Image from 'next/image'
55
import { FlipWords } from '../ui/flip-words'
6-
import { Slack } from '../social-icons/icons'
76
import { buttonVariants } from '../ui/button'
87

98
export default function Hero() {
@@ -69,22 +68,26 @@ export default function Hero() {
6968
</svg>
7069
</a>
7170
</div>
72-
<div className="relative z-10 mt-6 flex flex-wrap items-center justify-center text-2xl">
71+
<div className="relative z-10 mt-6 flex flex-wrap items-center justify-center gap-8 text-2xl">
7372
<a
7473
href="https://www.producthunt.com/posts/openlit?embed=true&utm_source=badge-featured&utm_medium=badge&utm_souce=badge-openlit"
7574
target="_blank"
76-
className={`mr-2 !p-0 ${buttonVariants({ variant: 'ghost' })}`}
7775
>
7876
<img
7977
src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=460690&theme=light"
8078
alt="Openlit - One&#0032;click&#0032;observability&#0032;&#0038;&#0032;evals&#0032;for&#0032;LLMs&#0032;&#0038;&#0032;GPUs | Product Hunt"
81-
width="250"
82-
height="54"
83-
className="h-full w-full"
79+
className="h-[54px]"
80+
/>
81+
</a>
82+
<a href="https://fazier.com/launches/openlit-2" target="_blank" rel="noopener noreferrer">
83+
<img
84+
src="https://fazier.com/api/v1/public/badges/embed_image.svg?launch_id=779&badge_type=featured"
85+
alt="Openlit Fazier"
86+
className="h-full rounded"
8487
/>
8588
</a>
8689
</div>
87-
<div className="relative mt-20 rounded-[32px] border border-neutral-200 bg-neutral-100 p-4 dark:border-neutral-700 dark:bg-neutral-800">
90+
<div className="relative mt-40 rounded-[32px] border border-neutral-200 bg-neutral-100 p-4 dark:border-neutral-700 dark:bg-neutral-800">
8891
<div className="pointer-events-none absolute inset-x-0 bottom-0 h-40 w-full scale-[1.1] bg-gradient-to-b from-transparent via-white to-white dark:via-black/50 dark:to-black"></div>
8992
<div className="rounded-[24px] border border-neutral-200 bg-white p-2 dark:border-neutral-700 dark:bg-black">
9093
<Image

‎components/ui/infinite-moving-cards.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
'use client'
22

3-
import siteMetadata from 'data-2/siteMetadata'
3+
import siteMetadata from 'data/siteMetadata'
44
import { IsoDateTimeString } from 'contentlayer2/core'
55
import { cn } from 'lib/utils'
66
import React, { useEffect, useState } from 'react'

‎contentlayer.config.ts

+1-1
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ import rehypeKatex from 'rehype-katex'
2020
import rehypeCitation from 'rehype-citation'
2121
import rehypePrismPlus from 'rehype-prism-plus'
2222
import rehypePresetMinify from 'rehype-preset-minify'
23-
import siteMetadata from './data-2/siteMetadata'
23+
import siteMetadata from './data/siteMetadata'
2424
import { allCoreContent, sortPosts } from 'pliny/utils/contentlayer.js'
2525

2626
const root = process.cwd()

‎data-2/authors/sparrowhawk.mdx

-12
This file was deleted.

‎data-2/blog/code-sample.mdx

-38
This file was deleted.

‎data/authors/Aman.mdx

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
---
2+
name: Aman Agarwal
3+
avatar: /static/images/aman.jpg
4+
occupation: Wizard of openlit
5+
company: Openlit
6+
twitter: https://x.com/_typeofnull
7+
linkedin: https://www.linkedin.com/in/amanagarwal041/
8+
---

‎data/blog/observability-with-openlit.mdx

+104
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,104 @@
1+
---
2+
title: Unlocking Seamless GenAI & LLM Observability with OpenLIT
3+
date: '2024-08-15'
4+
tags: ['openlit', 'llm', 'genai', 'observability']
5+
draft: false
6+
summary: OpenLIT offers seamless, OpenTelemetry-native observability for GenAI and LLMs, simplifying performance and cost tracking.
7+
authors: ['Aman']
8+
---
9+
10+
![](https://miro.medium.com/v2/resize:fit:720/format:webp/1*aj2rg1G-FJKy0DfEGxN_fw.jpeg)
11+
12+
## Introduction:
13+
14+
In the world of GenAI projects, seamless observability is key to unlocking top-notch performance and reliability. Meet OpenLIT, the OpenTelemetry-native GenAI and LLM Application Observability tool that's set to revolutionise the way you monitor and optimize your applications. With just a single line of code, OpenLIT makes integrating observability into your GenAI projects as easy as pie. Let's dive into the world of OpenLIT and explore how it can enhance your application observability.
15+
16+
> Understanding LIT:
17+
> LIT, short for Learning and Inference Tool, is a visual and interactive tool designed to provide insights into AI models and visualize data. Originally introduced by Google, LIT offers a user-friendly interface for understanding the inner workings of AI models and analyzing data effectively.
18+
19+
## Features that Make OpenLIT Stand Out
20+
21+
### Monitor LLM and VectorDB Performance
22+
23+
OpenLIT automatically generates traces and metrics, giving insights into your application’s performance and costs. You can track performance in different environments and optimize resource use efficiently.
24+
25+
### Cost Tracking for Custom and Fine-Tuned Models
26+
27+
You can customize and track costs for specific AI models using OpenLIT’s custom JSON file. This helps in precise budgeting and aligning costs with your project needs.
28+
29+
## OpenTelemetry-native SDKs
30+
31+
OpenLIT supports OpenTelemetry natively, ensuring smooth integration without added complexity. Being vendor-neutral, it easily fits into your existing AI stack.
32+
33+
OTel Auto Instrumentation Capabilities
34+
OpenLIT complies to the OpenTelemetry community’s Semantic Conventions and is updated on a regular basis to maintain alignment with the community. OpenLIT offers insights to improve the performance and stability of LLM applications, whether using popular hosted LLMs like OpenAI and HuggingFace, self-hosted LLMs like Ollama or GPT4All, or vector databases like ChromaDB and Pinecone.
35+
36+
![](https://miro.medium.com/v2/resize:fit:720/format:webp/1*ijlK1309BtNAx5xOc-bH9w.png)
37+
38+
Here is the list of supported GenAI and LLM libraries :
39+
40+
### LLMs
41+
42+
- OpenAI
43+
- Ollama
44+
- Cohere
45+
- Anthropic
46+
- GPT4All
47+
- Azure OpenAI
48+
- Mistral
49+
- HuggingFace
50+
- Amazon Bedrock
51+
- Vertex AI
52+
- Groq
53+
54+
### Vector DBs
55+
56+
- ChromaDB
57+
- Pinecone
58+
- Qdrant
59+
- Milvus
60+
61+
### Frameworks
62+
63+
- LangChain
64+
- LiteLLM
65+
- LlamaIndex
66+
- Haystack
67+
- EmbedChain
68+
69+
Here’s is the list of support for connection to other observability platforms:
70+
71+
- Prometheus
72+
- Otel Collector
73+
- Grafana
74+
- Jaeger
75+
- New Relic
76+
- Datadog
77+
- Signoz
78+
- Dynatrace
79+
- OpenObserve
80+
- Highlight.io
81+
82+
## Sleek and Intuitive Design
83+
84+
OpenLIT UI offers a dashboard with a clean interface based on Next.js and Clickhouse, providing quick and responsive performance. The interface is deliberately arranged based on feedback from numerous AI Developers, making it simple to navigate and locate the information you require quickly.
85+
86+
### Overall Usage
87+
88+
Shows total requests, request duration, token usage, cost analysis, and more using real-time and historical data.
89+
90+
![](https://miro.medium.com/v2/resize:fit:720/format:webp/1*hC5GB5tnOg9iwucudBe--w.png)
91+
92+
### Requests
93+
94+
Provides an integrated view of traces for tracking individual requests. You can also apply dynamic filters to customize your view or sort the results based on costs, tokens etc.
95+
96+
![](https://miro.medium.com/v2/resize:fit:720/format:webp/1*vp6Iq_NE6fNbGx6gXxgFoA.png)
97+
98+
### Database config
99+
100+
Allows you to add and switch between multiple ClickHouse databases, making it convenient to manage different contexts with the same interface.
101+
102+
![](https://miro.medium.com/v2/resize:fit:720/format:webp/1*SltxPctU3j7z4oMlTr3VRQ.png)
103+
104+
Join us on this exciting voyage to reshape the future of AI observability! 🚀 Share your thoughts, suggest cool features, and dive into awesome contributions. Let’s make AI observability open and better together! 🚀

0 commit comments

Comments
 (0)