7 мин. чтения

Установка Client SDK

Подключите лёгкий виджет к React и Next.js.

Добавьте пакет#

Установите пакет и выполните инициализацию только один раз в браузерном коде.

Terminal va client init

npm install @pinwid/client-widget

import { PinWid } from "@pinwid/client-widget";

PinWid.init({
  publicKey: process.env.NEXT_PUBLIC_PINWID_KEY!,
  environment: "production"
});

SetupEnvironmentsTeam

PUBLIC KEYbp_pub_••••••••••••

1 · Copy public key

Переменная окружения#

Сохраните public identifier как NEXT_PUBLIC_PINWID_KEY в .env.local. Это не секретный credential.

.env.local

NEXT_PUBLIC_PINWID_KEY=bp_pub_your_project_key

Производительность#

Загружайте виджет на клиенте. Он не попадает в server components и не блокирует первый render.

Используйте тестовые данные и не раскрывайте секретные ключи или персональную информацию.