REDESIGN DAN IMPLEMENTASI WEB EKSPORA MENGGUNAKAN FRAMEWORK NEXT.JS DENGAN INTEGRASI CHATBOT BERBASIS AI SDK

Abstract

Platform website Ekspora yang sebelumnya dibangun menggunakan Content Management System (CMS) WordPress memiliki keterbatasan pada fleksibilitas desain, kecepatan performa, dan ketiadaan sistem bantuan otomatis, sehingga menyulitkan calon klien lintas zona waktu memperoleh informasi perusahaan secara cepat. Penelitian ini bertujuan melakukan redesign dan migrasi arsitektur website Ekspora ke framework Next.js serta mengintegrasikan chatbot cerdas berbasis Vercel AI SDK dengan metode Retrieval-Augmented Generation (RAG) agar mampu menjawab pertanyaan klien secara akurat tanpa halusinasi data. Metode pengembangan yang digunakan adalah model Waterfall, meliputi tahap observasi dan pengumpulan data, analisis dan perancangan sistem menggunakan Unified Modelling Language (UML), implementasi menggunakan Next.js 16, Tailwind CSS, Shadcn UI, Node.js, dan Drizzle ORM, serta pengujian menggunakan metode Blackbox Testing. Hasil penelitian menunjukkan bahwa migrasi ke Next.js meningkatkan kecepatan pemuatan halaman dan fleksibilitas antarmuka melalui penerapan Server-Side Rendering, sementara chatbot berbasis RAG mampu memberikan respons real-time yang akurat sesuai basis pengetahuan resmi perusahaan dan terbukti tidak menghasilkan halusinasi data pada seluruh skenario pengujian. Seluruh 15 skenario Blackbox Testing pada fitur publik maupun administrator dinyatakan berhasil, mencakup autentikasi, pengelolaan katalog, pengelolaan inquiry, sinkronisasi basis pengetahuan AI, serta responsivitas antarmuka pada perangkat desktop dan mobile. Penelitian ini menyimpulkan bahwa integrasi arsitektur web modern dengan chatbot berbasis RAG merupakan solusi efektif untuk meningkatkan citra digital dan kualitas layanan pelanggan perusahaan berorientasi ekspor.