7 daq. o‘qish

Client SDK o‘rnatish

React va Next.js ilovalariga yengil client widget ulash.

Paketni qo‘shing#

Paketni o‘rnating va init kodini faqat browser tarafida bir marta ishga tushiring.

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

Environment variable#

Public key’ni .env.local ichida NEXT_PUBLIC_PINWID_KEY nomi bilan saqlang. Bu public identifier; secret credential emas.

.env.local

NEXT_PUBLIC_PINWID_KEY=bp_pub_your_project_key

Performance#

Widget’ni client’da dinamik yuklang. U docs yoki server component bundle’iga kirmaydi va asosiy sahifa renderini bloklamaydi.

Init bir marta chaqirilishi kerak. Har route almashganda qayta init qilmang.