Unduh frontend sdk - Unduh Kode Sumber frontend sdk

frontend sdk

Kode sumber lainnya

vu

Unduh

Klevu

Penemuan produk tanpa kepala, untuk setiap tubuh

Dengan SDK baru Klevu, Anda dapat menarik kekuatan penemuan produk AI menjadi apa pun.

Situs web tradisional, aplikasi tunggal (SPA), Aplikasi Web Progresif (PWA), aplikasi seluler, situs web kampanye, kios di dalam toko, pesawat ruang angkasa ... terserah.

Lebih sederhana bagi pengembang, lebih cepat berinovasi.

Klevu Monorepositori Tanpa Kepala

Berikut adalah tautan ke berbagai proyek.

@Klevu/Paket Core yang dapat digunakan untuk membangun frontend modern dengan pencarian Klevu.
Contoh Bereaksi React, React Router, Bahan Contoh UI.
Contoh Vue Vue 3, Vue-Router, Contoh TailwindCSS.
Contoh nuxt nuxt 3 contoh.
Contoh remix Remix adalah contoh berbasis reaksi menggunakan Klevu dengan rendering sisi server.
Contoh Vanilla Javascript - Contoh Javascript Minimal.
Contoh Hidrogen Shopify - Contoh Hidrogen Kecil

Integrasikan Klevu ke dalam aplikasi Anda dengan mudah. Kami melakukan semua angkat berat.

Klevu SDK membawa pencarian cerdas, merchandising kategori, dan solusi rekomendasi ke toko e -commerce Anda. Klevu memudahkan untuk menciptakan pengalaman penelusuran produk terbaik bagi pelanggan Anda.

Klevu sudah memiliki perpustakaan JavaScript yang mudah diimplementasikan yang sempurna untuk sebagian besar pengguna, jadi untuk siapa perpustakaan ini bagus?

TypeScript SDK

Klevu SDK ditulis dalam TypeScript yang memberi Anda:

Dukungan Lengkap Otomatis Penuh dari Lingkungan Pengembangan Terpadu (IDE)
Dokumen lengkap dari komentar kode!
Cara Mudah dan Cepat untuk Mengintegrasikan Klevu ke UI Kustom Anda

Spa (aplikasi satu halaman)

Perpustakaan ini mendukung semua perpustakaan frontend utama seperti React and Vue. Namun SDK ini memberi Anda kemampuan untuk mencolokkan pencarian pintar Klevu, barang dagangan kategori, dan rekomendasi dengan cara apa pun yang Anda inginkan. Termasuk pelacakan acara klik produk, pencarian, dan pembelian yang mendorong AI pada inti Klevu.

PWA (Aplikasi Web Progresif)

PWAS dirancang untuk memberi pengguna pengalaman setara dengan aplikasi asli. Dengan Klevu SDK, Anda juga dapat membawa kekuatan Klevu AI ke PWA Anda.

SSR & SSG (Rendering Sisi Server & Pembuatan Situs Statis)

SSR & SSG dengan cepat menjadi fitur standar dalam semua kerangka kerja frontend paling populer seperti NextJs dan Nuxtjs. Dengan KLEVU SDK Anda dapat meningkatkan SEO toko Anda dan pengalaman pengguna Anda dengan meminta hasil pencarian, halaman kategori, dan rekomendasi sebelum halaman dimuat.

Kontrol kreatif penuh, dengan kekuatan penuh

KLEVU SDK memberi pengembang kontrol maksimum atas cara mereka ingin menampilkan dan memungkinkan pengguna untuk berinteraksi dengan katalog produk Anda. Saat Anda menambahkan perpustakaan SDK ke proyek Anda, Anda memiliki semua blok bangunan yang diperlukan untuk membuat pengalaman pengguna yang sangat unik yang sangat sesuai dengan merek Anda.

Daftar Fitur Klevu SDK

Kami telah mengemas banyak fitur ke dalam contoh React yang disertakan dengan SDK ini. Berikut adalah banyak fitur dan di mana menemukan contoh yang berfungsi. Anda juga dapat melihat contoh react readMe untuk informasi lebih lanjut tentang apa yang diimplementasikan dalam contoh dan klik di sini untuk:

Lihat demo langsung

Mencari

Fitur	Keterangan	Contoh
Pencarian Cepat	Contoh yang digunakan untuk menampilkan hasil pencarian saat Anda mengetik ke bidang teks.	quicksearch.tsx
Halaman pendaratan hasil pencarian	Contoh untuk menunjukkan hasil pencarian berdasarkan kata kunci yang diteruskan di URL.	SearchResultPage.tsx
Navigasi Kategori	Contoh tampilan produk dalam kategori/koleksi.	CategoryPage.tsx
Pencarian produk tunggal	Contoh menggunakan pencarian untuk meminta data untuk satu produk.	ProductPage.tsx
Filter	Contoh filter untuk mempersempit produk berdasarkan aspek produk.	SearchResultPage.tsx CategoryPage.tsx
Memuat lebih banyak hasil	Contoh tombol Load More untuk meminta lebih banyak produk.	SearchResultPage.tsx

Analitik

Analytics mendorong pembelajaran mesin yang digunakan Klevu untuk memberikan pengguna hasil terbaik.

Fitur	Keterangan	Contoh
SearchEvent	Lacak apa yang dicari.	quicksearch.tsx
Cari Acara Klik Produk	Lacak produk yang diklik dari hasil pencarian.	SearchResultPage.tsx
Acara klik produk Navigasi Kategori	Lacak produk yang diklik dari halaman kategori.	CategoryPage.tsx
Acara Beli/Beli	Lacak produk yang dibeli.	Checkoutpage.tsx

Rekomendasi

Fitur	Keterangan	Contoh
Rekomendasi Pusat Pedagang Klevu	Tambahkan rekomendasi yang dibuat dalam KMC. ¹	HomePage.tsx CategoryPage.tsx ProductPage.tsx
Produk serupa		ProductPage.tsx

Personalisasi

Fitur	Keterangan	Contoh
Personalisasi	Mudah tambahkan personlisasi ke pencarian Klevufetch Anda dengan menambahkan pengubah.	HomePage.tsx

Utilitas

Fitur	Keterangan	Contoh
Klevukmcsettings	Muat pengaturan Pusat Pedagang Klevu Anda ke dalam storsorage browser.	index.tsx

Pengembangan internal

Node.js dan NPM harus diinstal pada sistem Anda sebelum memulai. Ini harus dilakukan sekali sebelum memulai pengembangan.

Inti

Untuk menjalankan build dan uji @klevu/core Anda harus terlebih dahulu pergi ke packages/klevu-core .

Sebelum memulai, Anda harus menginstal semua paket dengan npm install

Membuat versi rilis

npm run build membuat versi produksi @klevu/core . Bangunan bersih setiap kali habis.

Untuk benar-benar merilis ada utils/release-klevu-core.js . Gunakan Node.js untuk menjalankannya.

Mengembangkan inti

NPM Run Build: Tonton

build:watch Runs Build in Watch Mode Rebuilding Application Setiap kali ada perubahan. Itu tidak membuat build yang bersih, tetapi pembangunan tambahan dan tidak melakukan semua trik yang diperlukan untuk rilis. Adalah baik jika Anda ingin membuat perubahan pada perpustakaan saat mengembangkan paket lain seperti @klevu/ui yang membutuhkan perubahan pada inti.

NPM menjalankan qoc

Ini memeriksa bahwa kualitas kode cukup baik. Akan secara otomatis dijalankan oleh GitHub.

NPM Run Test

Menjalankan tes besar untuk inti. Tidak membutuhkan bangunan. Dimungkinkan hanya untuk mengembangkan dan menjalankan tes sesekali untuk melihat semuanya bekerja dengan sempurna. Akan secara otomatis dijalankan oleh GitHub.

Ui

Untuk mulai membangun @klevu/ui pertama-tama Anda harus pergi ke folder packages/klevu-ui dan lakukan npm install . Untuk membuat Build berfungsi dengan benar, Anda perlu menjalankan npm install juga dalam packages/klevu-ui-react dan packages/klevu-ui-vue .

Paket Bereaksi dan Vue tidak memerlukan perubahan lain. Kontens mereka secara otomatis dihasilkan oleh proyek klevu-ui .

Membuat versi rilis

npm run build membuat versi terdistribusi dari @klevu/ui . Tetapi untuk membuat versi yang tepat dan merilis ketiga perpustakaan UI ada skrip simpul CI/CD di utils/update-klevu-ui.js .

Berkembang

Cara termudah untuk mengembangkan dan menguji komponen adalah dengan menjalankan buku cerita. Untuk itu Anda perlu menonton Proyek Bangun UI dan menjalankan buku cerita.