Background Information

Project overview

Setup

Introduction

Prompt template

LCEL

Introduction to prompt engineering

Prompts

Memory

Conversation memory

Supabase

Restoring memory

Vectorstores

Supabase vector

Ingest

Retrieval

Generation

Retrieval Augmented Generation

Output Parsing

Tools

Agents

Langsmith

Farewell

( the primaryDescriptionMarkdown is long - several lines, include images, as long as you want )

In this course we <headline of what we do>. <why this technology is good> but <here's how learning it is problem>. 

In <the length of these lessons> we cover <three salient points about what we cover. Your BEST points>. Its <however long it is> and comes with <these bonus features, and reasons to buy. code, etc.>

It's taught by <author name> who <credibility, reason you should listen to them>. <social proof, if you have it yet>

<then you can list other supporting stuff you want to add, anything you want here>

-------
Example:
-------

We created a free course to create your first GraphQL server (from scratch) using Node and TypeScript. TypeScript and GraphQL are a powerful combo, but there's a lot of confusing edges if you're getting it setup the first time.

In this course we cover the basics of getting TypeScript setup with Node, how GraphQL works, and how to set up a GraphQL server using Apollo server. It's two hours long, it comes with complete code examples, and we walk through the code step-by-step.

It's taught by my friend, Shopify-engineer Hassan Djirdeh and he's integrated what he's learned using GraphQL in production as an engineer at Shopify. We've already had over 1,300 students enroll and it's been getting great reviews so far.

// ... and so on

In this course we <headline of what we do>. <why this technology is good> but <here's how learning it is problem>. 

( the summary is short - one or two lines )

Langchain.js Bootcamp

Before we continue, let's add some modern javascript libraries that will help us move faster and create more beautiful applications.

If you are encountering these for the first time, it is okay, I promise. We are not going into much detail with them.

Make sure your notebook is still running and copy over the url! If you need to restart the server you should copy over the url again.

They also used this library to build a cool 

Tailwind should come with your project if you ran the setup script correctly. Tailwind compiles to css and is a breeze ༄ to work with. The 

If you are familiar with css, you can also use the 

We're not going to use it in this course, but 

 is a great way to kick start your component libraries.

# Project overview

talk about the starting project.

Before we continue, let's add some modern javascript libraries that will help us move faster and create more beautiful applications.

If you are encountering these for the first time, it is okay, I promise. We are not going into much detail with them.

Let's go over them briefly.

:::important
Make sure your notebook is still running and copy over the url! If you need to restart the server you should copy over the url again.
:::

:::note
They also used this library to build a cool [Chat](https://sdk.vercel.ai/) and [Prompt](https://sdk.vercel.ai/prompt) playground, and a [AI Chatbot](https://github.com/vercel-labs/ai-chatbot). Check it out if you have time!
:::

## User interface

### Vercel ai sdk

AI SDK

### Tailwindcss

Tailwind should come with your project if you ran the setup script correctly. Tailwind compiles to css and is a breeze ༄ to work with. The [Documentation](https://tailwindcss.com/) is great.

If you are familiar with css, you can also use the [cheatsheet](https://tailwindcomponents.com/cheatsheet/) to quickly get up to speed.

:::note
We're not going to use it in this course, but [Tailwind UI](https://tailwindui.com/) is a great way to kick start your component libraries.
:::

### Shadcn

Speaking of components, we'll be using Shadcn to start with a nice baseline. Shadcn is an open source collection that provides a good place to start for creating a component library. It uses [Radix Primitives](https://www.radix-ui.com/primitives) for unstyled component logic and Tailwind for styles.