Chatgpt Pgvector
ChatGTP (gpt3.5-turbo) starter app
Overview
The Domain-specific ChatGPT Starter App represents an innovative step in enhancing the capabilities of traditional conversational AI models by focusing on domain-specific knowledge. While standard ChatGPT excels in casual interactions, it often lacks the depth required for specialized topics, sometimes generating inaccurate responses without grounding them in verifiable sources. This starter app addresses these shortcomings by leveraging embeddings and vector search technology, enabling it to provide users with more accurate and relevant information tailored to specific domains.
With a solid foundation built on Next.js, Supabase, and the OpenAI API, this application effectively transforms web content into structured embeddings, allowing for streamlined and contextually accurate conversations. By using cosine similarity to measure relatedness between text strings, the app ensures that users receive responses that are not only relevant but also reliable.
Features
-
Embeddings for Contextual Relevance: Utilizes embeddings to map text to high-dimensional vectors, enhancing the understanding of user queries and providing contextually relevant responses.
-
Vector Search Technology: Performs advanced vector searches to retrieve the most similar documents to user queries, ensuring accurate and related information is presented.
-
Dynamic Prompt Construction: Constructs prompts for GPT-3.5/GPT-4 based on the results of the vector search, delivering tailored responses that align with user expectations.
-
Real-time Streaming Responses: Streams the generated responses back to users in real-time, creating an interactive and engaging conversational experience.
-
Easy Supabase Integration: Facilitates the creation and management of a vector database using Supabase’s pgvector, simplifying the storage of document embeddings.
-
User-Friendly Setup: Designed for developers with a basic understanding of React and Next.js, making it accessible for those wanting to dive into embedding-based applications.
-
Advanced Technology Stack: Built on reliable technologies, including Next.js for the front end, Supabase for database management, and OpenAI for generating high-quality embeddings and completions.
- Next.js
Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Tailwind
Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.
- daisyUI
daisyUI adds classes to Tailwind CSS for all common UI components. Classes like btn, card, etc. This allows us to focus on important things instead of making basic elements for every project.
- Supabase
Supabase is an open source Firebase alternative. Start your project with a Postgres database, Authentication, instant APIs, Edge Functions, Realtime subscriptions, and Storage.
- Fullstack
A fullstack boilerplate provides a starter application that includes both frontend and backend. It should include database, auth, payments, user roles and other backend services to build a fully featured saas or webapps.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Framer Motion
Alpine.js is a lightweight JavaScript framework that simplifies the process of creating dynamic, reactive user interfaces on the web. It uses a declarative syntax that offers a higher level of abstraction compared to vanilla JavaScript, while being more performant and easier to use than jQuery.
- Postcss
PostCSS is a popular open-source tool that enables web developers to transform CSS styles with JavaScript plugins. It allows for efficient processing of CSS styles, from applying vendor prefixes to improving browser compatibility, ultimately resulting in cleaner, faster, and more maintainable code.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.