example nextjs ai forms

Contoh pembangun bentuk ai

Repositori ini berisi kode untuk pembangun formulir AI. Dibangun dengan chatbotkit SDK, contoh ini menampilkan cara membuat komponen UI di dalam percakapan AI.

demo.mp4

Tumpukan Teknologi

• Chatbotkit SDK : Untuk membangun logika chatbot dan menangani aliran percakapan.
• Bereaksi : Untuk komponen UI yang berinteraksi dengan pengguna, seperti formulir untuk menangkap detail janji temu dan pemilihan slot.

Pengaturan

1. Pastikan Anda menginstal Node.js.
2. Kloning repositori ini.
3. Instal dependensi dengan menjalankan instalasi NPM.
4. Atur variabel lingkungan CHATBOTKIT_API_SECRET dengan rahasia API chatbotkit Anda.
5. Secara opsional, atur variabel lingkungan CHATBOTKIT_MODEL untuk menentukan model yang digunakan untuk percakapan (default adalah GPT-3.5 turbo).

Penggunaan

Jalankan server pengembangan:

npm run dev

Buka http: // localhost: 3000 dengan browser Anda untuk melihat hasilnya.

Chatbot menggunakan beberapa fungsi khusus untuk berinteraksi dengan pengguna. Ini termasuk komponen UI standar dan fungsi "menangkap", untuk menangkap input.

Pelajari lebih lanjut

Untuk mempelajari lebih lanjut tentang chatbotkit dan SDK yang relevan, lihat sumber daya berikut:

• Dokumentasi Chatbotkit - Pelajari tentang Chatbotkit
• Chatbotkit JavaScript SDKs - Pelajari tentang SDK bekas

Penyebaran

Cara termudah untuk menggunakan aplikasi selanjutnya.js ini adalah dengan menggunakan platform Vercel.

Berkontribusi

Kontribusi untuk meningkatkan fungsionalitas chatbot atau masalah alamat dipersilakan. Harap ikuti proses permintaan tarik standar untuk kontribusi.

Lisensi

Proyek ini dilisensikan di bawah lisensi MIT - lihat file lisensi untuk detailnya.