Μετάβαση στο περιεχόμενο
Yuvashadcn
Yuva για το shadcn/uiΜενού

Yuva για το shadcn/ui

Στοιχεία React για ζωντανή συνομιλία, συζητήσεις σε σελίδες τεκμηρίωσης και εγγραφή σε λίστες αλληλογραφίας, αντιγραμμένα στο έργο σας shadcn/ui.

Το μητρώο της Yuva είναι ένα σύνολο στοιχείων και hooks που το CLI του shadcn αντιγράφει στο έργο σας. Χρησιμοποιούν το θέμα σας, μιλούν με τη Yuva μέσω του πελάτη useyuva και είναι δικά σας για επεξεργασία.

Απαιτήσεις

  • Ένα έργο που ήδη χρησιμοποιεί shadcn/ui, με React και Tailwind CSS.
  • Ένα κανάλι συνομιλίας Yuva και το δημόσιο κλειδί του (yuva_pk_…).

Ρύθμιση καναλιού

  1. Στον πίνακα της Yuva ανοίξτε Ρυθμίσεις, τα εισερχόμενά σας, Κανάλια και προσθέστε ένα κανάλι συνομιλίας.
  2. Προσθέστε κάθε 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