Vercel Launched A ChatGPT / HuggingChat Like Personal Assistant

HuggingChat and ChatGPT are both general chatbot interfaces. Users can have general conversations with the chatbots via a web based GUI. The idea is that these services will act as the ultimate personal assistant.

Cobus Greyling
4 min readJun 21, 2023

--

I’m currently the Chief Evangelist @ HumanFirst. I explore & write about all things at the intersection of AI and language; ranging from LLMs, Chatbots, Voicebots, Development Frameworks, Data-Centric latent spaces & more.

The Next.JS AI Chatbot, like ChatGPT and HuggingChat, are constituted by three key layers as seen below. These layers accommodate the following elements:

  • Large Language Model
  • API Call
  • Conversation memory/context management
  • Graphic User Interface

Next.js AI Chatbot

The Next.js AI Chatbot is a chatbot built by Vercel Labs which is an open-source AI digital assistant template making use of Next.js, the Vercel AI SDK and more.

As seen in the image below, the Next.js AI Chatbot has a GUI very similar to ChatGPT and HuggingChat. With options to re-generate and share output, view chat history in a left-hand pane, with easy deploy options to create your own instance in GitHub, GitLab or Bitbucket.

A knowledge store can also be setup.

As seen in the image below, conversational context is managed well with follow-up questions which implicitly references context.

Key features of the Next.js AI Chatbot is that it uses the Next.js App Router, React Server Components (RSCs), Suspense, and Server Actions and the Vercel AI SDK for streaming the chat UI.

Considering LLMs, OpenAI is default, with options for Anthropic, HuggingFace and customisation via LangChain, edge ready and more.

This template ships with OpenAI gpt-3.5-turbo as the default. However, thanks to the Vercel AI SDK, you can switch LLM providers to Anthropic, HuggingFace, or using LangChain with just a few lines of code.

Deploy Your Own

You can deploy your own version of the Next.js AI Chatbot to Vercel with one click:

Apart from Vercel’s chatbot GUI, they also offer a host of other LLM and conversational AI related services with a significant portion being open-source.

For instance, below is an example where I used the Vercel AI SDK with Next.js and OpenAI to create a ChatGPT-like, web based, streaming chatbot. Which I deployed to my GitHub repository.

The Vercel playground allows you to compare and tweak LLMs side-by-side and generate Next.js and Svelte code for their AI SDK.

Source

The playground can be run in chat or completion mode, and as seen below, model settings can be tweaked and code exported.

Source

⭐️ Please follow me on LinkedIn for updates on Conversational AI ⭐️

I’m currently the Chief Evangelist @ HumanFirst. I explore & write about all things at the intersection of AI and language; ranging from LLMs, Chatbots, Voicebots, Development Frameworks, Data-Centric latent spaces & more.

LinkedIn

--

--

Cobus Greyling
Cobus Greyling

Written by Cobus Greyling

I’m passionate about exploring the intersection of AI & language. www.cobusgreyling.com

No responses yet