# OpenAI Assistant Starter Kit

**URL:** <https://community.openai.com/t/openai-assistant-starter-kit/697060>\
**Category:** Community\
**Tags:** project, projects, quick-start, assistants-api\
**Created:** [March 25, 2024, 7:53pm UTC](https://community.openai.com/t/openai-assistant-starter-kit/697060 "2024-03-25T19:53:20Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![stephen.walther](https://sea2.discourse-cdn.com/openai1/user_avatar/community.openai.com/stephen.walther/32/339575_2.png) [@stephen.walther](https://community.openai.com/u/stephen.walther)\
**Post date:** [March 25, 2024, 7:53pm UTC](https://community.openai.com/t/openai-assistant-starter-kit/697060/1 "2024-03-25T19:53:20Z")

</div>

I’m excited to announce the **OpenAI Assistant Starter Kit** — a sample chat application designed to enable you to quickly get started building fully-functional chat web applications with OpenAI + JavaScript.

Try it out live right now by visiting: [https://openai-assistant-starter-kit.vercel.app/](https://openai-assistant-starter-kit.vercel.app/)

 ![screen-capture](https://us1.discourse-cdn.com/openai1/original/4X/3/8/c/38c8ef528262eb5249cbebf8a9c654e3b677a7e9.png)

## What’s special about this Starter Kit?

- Built using ReactJS + NextJS with the Assistants API.
- Illustrates how to stream message responses from the server to the client in a ReactJS app (server-sent events). No special libraries required.
- Formats message content correctly using Markdown.
- Designed to be a starter kit for your OpenAI + JavaScript web application projects. Download the full source at: [GitHub - Superexpert/openai-assistant-starter-kit: Starter Kit for creating an OpenAI Assistant web application using NextJS + ReactJS + TypeScript](https://github.com/Superexpert/openai-assistant-starter-kit)

Take a quick tour through the code by reading my blog post: [https://stephenwalther.com/use-the-openai-assistant-starter-kit-to-quickly-build-new-openai-apps/](https://stephenwalther.com/use-the-openai-assistant-starter-kit-to-quickly-build-new-openai-apps/)

---

<div class="post-metadata">

**Author:** ![PaulBellow](https://sea2.discourse-cdn.com/openai1/user_avatar/community.openai.com/paulbellow/32/597962_2.png) [@PaulBellow](https://community.openai.com/u/PaulBellow)\
**Post date:** [March 25, 2024, 7:55pm UTC](https://community.openai.com/t/openai-assistant-starter-kit/697060/2 "2024-03-25T19:55:59Z")

</div>

Welcome to the dev community.

Thanks for posting with the #project tag. Makes it easier for us to keep up with updates.

---

<div class="post-metadata">

**Author:** ![stephen.walther](https://sea2.discourse-cdn.com/openai1/user_avatar/community.openai.com/stephen.walther/32/339575_2.png) [@stephen.walther](https://community.openai.com/u/stephen.walther)\
**Post date:** [March 26, 2024, 1:43am UTC](https://community.openai.com/t/openai-assistant-starter-kit/697060/4 "2024-03-26T01:43:03Z")

</div>

Hi Margaret - thanks for asking!

I have a blog post that walks through the code at [Use the OpenAI Assistant Starter Kit to Quickly Build New OpenAI Apps - OpenAI Blog - Stephen Walther on OpenAI](https://stephenwalther.com/use-the-openai-assistant-starter-kit-to-quickly-build-new-openai-apps/)

But, great idea, a video walkthrough would be more fun. I’ll put one together.

Stephen

---

<div class="post-metadata">

**Author:** ![stephen.walther](https://sea2.discourse-cdn.com/openai1/user_avatar/community.openai.com/stephen.walther/32/339575_2.png) [@stephen.walther](https://community.openai.com/u/stephen.walther)\
**Post date:** [April 25, 2024, 2:52pm UTC](https://community.openai.com/t/openai-assistant-starter-kit/697060/5 "2024-04-25T14:52:29Z")

</div>

There have been several significant changes to the OpenAI APIs over the last month (April, 2024) and I’ve updated the [**OpenAI Assistant Starter Kit**](https://openai-assistant-starter-kit.vercel.app/) to take advantage of these changes. These changes have enabled me to significantly simplify the Starter Kit code.

## What is the OpenAI Assistant Starter Kit?

As a reminder, the OpenAI Assistant Starter Kit is an open-source application that illustrates how you can easily start building OpenAI Large Language Model (LLM) applications using NextJS + TypeScript and OpenAI. You can view a [**live version of the Starter Kit here**](https://openai-assistant-starter-kit.vercel.app/).

![OpenAI-Assistant-Starter-Kit-Recording](https://us1.discourse-cdn.com/openai1/original/4X/4/a/8/4a8c8f544fb7e2165c87ad7daaa84e73683f143e.gif)

## Using the New AssistantStream Class

The biggest change to the OpenAI Node library is the [introduction of the fromReadableStream() method](https://github.com/openai/openai-node/pull/738)to the [AssistantStream](https://github.com/openai/openai-node/blob/adf0524a01d53d3542bcc4700edc6206b717373b/src/lib/AssistantStream.ts#L76) class. This method enables you to easily read a stream from the server on the client.

OpenAI uses [Server-Sent Events](https://developer.mozilla.org/en-US/docs/Web/API/Server-sent_events/Using_server-sent_events) to stream text responses from an Assistant. Instead of waiting for OpenAI to compose the entire response to a chat message, the response can be sent back to the browser in chunks. That way, the user is not left waiting while nothing happens.

The OpenAI Assistant Starter Kit has been updated to use the AssistantStream.fromReadableStream() method to consume the response from the server. This new method was added to the AssistantStream class last month (see [feat: assistant fromReadableStream by stainless-bot · Pull Request #738 · openai/openai-node · GitHub](https://github.com/openai/openai-node/pull/738)).

## Learn More

- View the application live: [https://openai-assistant-starter-kit.vercel.app/](https://openai-assistant-starter-kit.vercel.app/)
- Download the full source from Github: [GitHub - Superexpert/openai-assistant-starter-kit: Starter Kit for creating an OpenAI Assistant web application using NextJS + ReactJS + TypeScript](https://github.com/Superexpert/openai-assistant-starter-kit)
- Read the blog post on the updates: [OpenAI Assistant Starter Kit Updated with AssistantStream - OpenAI Blog - Stephen Walther on OpenAI](https://stephenwalther.com/openai-assistant-starter-kit-updated-with-assistantstream/)

Let me know if you have any questions or suggestions for improving the Starter Kit. Feedback is super welcome.
