Next.js
ClickStack может принимать нативные трассировки OpenTelemetry от ваших безсерверных функций Next.js в Next 13.2+.
Этот Гид интегрирует:
- Логи консоли
- Трассировки
Если вы ищете воспроизведение сессий/мониторинг со стороны браузера, вам следует установить интеграцию браузера.
Установка
Включите хук инструментирования (требуется для v15 и ниже)
Для начала вам нужно включить хук инструментирования Next.js, установив experimental.instrumentationHook = true;
в вашем next.config.js
.
Пример:
Установите ClickHouse OpenTelemetry SDK
- NPM
- Yarn
Создайте файлы инструментирования
Создайте файл под названием instrumentation.ts
(или .js
) в корне вашего проекта Next.js с следующим содержимым:
Это позволит Next.js импортировать инструментирование OpenTelemetry для любого вызова безсерверной функции.
Настройте переменные окружения
Если вы отправляете трассировки непосредственно в ClickStack, вам нужно запустить ваш сервер Next.js с следующими переменными окружения, чтобы указать на OTel коллектор:
Если вы развертываете в Vercel, убедитесь, что все переменные окружения выше настроены для вашего развертывания.