ବିଷୟବସ୍ତୁକୁ ଯାଆନ୍ତୁ
Yuvashadcn
shadcn/ui ପାଇଁ Yuvaମେନୁ

shadcn/ui ପାଇଁ Yuva

ଲାଇଭ୍ ଚାଟ୍, ଡକ୍ୟୁମେଣ୍ଟେସନ୍ ପୃଷ୍ଠାର ଆଲୋଚନା ଓ ମେଲିଂ ଲିଷ୍ଟ ସାଇନ୍-ଅପ୍ ପାଇଁ React କମ୍ପୋନେଣ୍ଟ, ଆପଣଙ୍କ shadcn/ui ପ୍ରକଳ୍ପକୁ କପି ହୁଏ।

Yuva ରେଜିଷ୍ଟ୍ରି ହେଉଛି କମ୍ପୋନେଣ୍ଟ ଓ hooks ର ଏକ ସଂଗ୍ରହ, ଯାହାକୁ shadcn CLI ଆପଣଙ୍କ ପ୍ରକଳ୍ପକୁ କପି କରେ। ସେଗୁଡ଼ିକ ଆପଣଙ୍କ ଥିମ୍ ବ୍ୟବହାର କରେ, useyuva କ୍ଲାଏଣ୍ଟ ଦ୍ୱାରା Yuva ସହ କଥା ହୁଏ, ଏବଂ ସମ୍ପାଦନ ଆପଣଙ୍କ ହାତରେ।

ଆବଶ୍ୟକତା

  • ପୂର୍ବରୁ 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