···1818- **LCP**: Largest Contentful Paint
1919- **CLS**: Cumulative Layout Shift
2020- **INP**: Interaction to Next Paint
2121+2222+## Get started 🚀
2323+2424+We currently only support NextJS applications, other frameworks are coming soon.
2525+2626+To get started, you need to install our package in your application.
2727+2828+```bash
2929+pnpm add @openstatus/next-monitoring -E
3030+```
3131+3232+Then, you need to add the following snippet to your `layout.tsx` file:
3333+3434+```tsx
3535+import { OpenStatusProvider } from "@openstatus/next-monitoring";
3636+3737+export default function RootLayout({
3838+ children,
3939+}: Readonly<{
4040+ children: React.ReactNode;
4141+}>) {
4242+ return (
4343+ <html lang="en">
4444+ <body className={inter.className}>
4545+ <OpenStatusProvider dsn="YOUR_DSN" />
4646+ {children}
4747+ </body>
4848+ </html>
4949+ );
5050+}
5151+```
···7070 if (!Array.isArray(value)) return true;
7171 // REMINDER: if one value is found, return true
7272 // we could consider restricting it to all the values have to be found
7373- return value.some(
7474- (item) => row.original.tags?.some((tag) => tag.name === item),
7373+ return value.some((item) =>
7474+ row.original.tags?.some((tag) => tag.name === item),
7575 );
7676 },
7777 },
···11-// import { createClient } from "@clickhouse/client-web";
11+import { createClient } from "@clickhouse/client-web";
2233-// import { env } from "../../env.mjs";
33+import { env } from "../../env.mjs";
4455-// const clickhouseClient = createClient({
66-// url: env.CLICKHOUSE_URL,
77-// username: env.CLICKHOUSE_USERNAME,
88-// password: env.CLICKHOUSE_PASSWORD,
99-// database: "default",
1010-// /* configuration */
1111-// });
55+// This client can only be used in node.js environment
1261313-// export { clickhouseClient };
77+const clickhouseClient = createClient({
88+ host: env.CLICKHOUSE_URL,
99+ username: env.CLICKHOUSE_USERNAME,
1010+ password: env.CLICKHOUSE_PASSWORD,
1111+ database: "default",
1212+ /* configuration */
1313+});
1414+1515+export { clickhouseClient };
+1-1
packages/db/src/index.ts
···11export * as schema from "./schema";
22export * from "drizzle-orm";
33export * from "./db";
44-// export * from "./clickhouse/client";
44+export * from "./clickhouse/client";