Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

Tinybird Integration

The project uses the Tinybird API to fetch the data and display it in the dashboard.

There are three components that use the Tinybird API:

1. GenericCounter.tsx

The generic_counter pipe is used to fetch the data for the side bar filters.

2. LogTableWithPagination.tsx

The log_analysis pipe is used to fetch the data for the log analysis table.

3. TimeSeriesChart.tsx

It uses the log_timeseries pipe to fetch the data for the time series chart using Tinybird charts.

The ./lib/tinybird.ts file contains the Tinybird client and the pipes used to fetch the data for the side bar filters and the log analysis table.

See the tinybird/README.md file for more information on how to customize the template by adapting the logs schema and pipes.

Once you've made the changes in Tinybird adapt the tinybird.ts library and components accordingly to support the new pipes and parameters.