Building a Retrieval-Augmented Generation Chatbot with SvelteKit and Xata Vector Search

Introduction · Tech Stack + Features · Author

Introduction

Learn how to create a Retrieval-Augmented Generation Chatbot using Xata, SvelteKit, LiteLLM, TailwindCSS and Vercel.

Tech Stack + Features

Frameworks

• SvelteKit – UI framework that uses a compiler to let you write breathtakingly concise components

• LiteLLM – Call all LLM APIs using the OpenAI format

• Replicate – Platform to run and fine-tune open-source models

Database

• Xata - Serverless database platform for scalable, real-time applications.

UI

• TailwindCSS – CSS framework for building custom designs

Platform

• Vercel – A cloud platform for deploying and scaling web applications.

Code Quality

• Prettier – Opinionated code formatter for consistent code style

Author

• Rishi Raj Jain (@rishi_raj_jain_)