דלג לתוכן
Yuvashadcn
Yuva עבור shadcn/uiתפריט

Yuva עבור shadcn/ui

רכיבי React לצ׳אט חי, דיונים בדפי תיעוד והרשמה לרשימות תפוצה, שמועתקים לפרויקט shadcn/ui שלכם.

הרישום של Yuva הוא אוסף של רכיבים ו-hooks ש-shadcn CLI מעתיק לפרויקט שלכם. הם משתמשים בערכת הנושא שלכם, מדברים עם Yuva דרך הלקוח useyuva, והם שלכם לעריכה.

דרישות

  • פרויקט שכבר משתמש ב-shadcn/ui, עם React ו-Tailwind CSS.
  • ערוץ צ׳אט של Yuva והמפתח הציבורי שלו (yuva_pk_…).

הגדרת ערוץ

  1. בלוח הבקרה של Yuva פתחו הגדרות, את תיבת הדואר שלכם, ערוצים, והוסיפו ערוץ צ׳אט.
  2. הוסיפו כל origin שיציג את הרכיבים כ-origin מותר: האתר שלכם ושרת הפיתוח.
  3. העתיקו את המפתח הציבורי של הערוץ. הוא אינו סוד.
  4. לדיונים, הגדירו את מצב הדיונים של הערוץ ל-moderated או ל-open. לטופס ההרשמה, הוסיפו רשימת תפוצה ציבורית.

העבירו לרכיבים את המפתח ואת כתובת שרת Yuva שלכם, למשל בסביבה:

.env.local
NEXT_PUBLIC_YUVA_SERVER=https://support.example.com
NEXT_PUBLIC_YUVA_CHANNEL=yuva_pk_xxxxxxxxxxxxxxxx

הוסיפו את הפריט הראשון שלכם

התקינו את בלוק הצ׳אט ואז רנדרו אותו:

Shell
npx shadcn@latest add https://useyuva.com/r/yuva-chat.json
tsx
import { YuvaChat } from "@/components/yuva-chat"

export function Support() {
  return (
    <YuvaChat
      server={process.env.NEXT_PUBLIC_YUVA_SERVER}
      channel={process.env.NEXT_PUBLIC_YUVA_CHANNEL}
    />
  )
}

פריטים

כל הפריטים ברישום, מקובצים כמו בסרגל הצד.

בלוקים

רכיבים

Hooks

הבא →Yuva chat