jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

docs: clean up starter flows and screenshots (#7428)

Browse source 
* quickstart-use-parser

* update-screenshots

* blog-writer

* document-qa

* remove-math-agent-and-redirect

* other-starter-flows

* swap-message-history-and-message-store

* link

* prerequisite-language

* Apply suggestions from code review

Co-authored-by: KimberlyFields <46325568+KimberlyFields@users.noreply.github.com>

* docs: update prerequisite phrasing for clarity

* add-running-instance-to-quickstart

* bullets

* quickstart-spacing

---------

Co-authored-by: KimberlyFields <46325568+KimberlyFields@users.noreply.github.com>
This commit is contained in:
Mendon Kissling 2025-04-07 10:31:48 -04:00 • committed by GitHub
commit ac8464cdb2
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
22 changed files with 47 additions and 97 deletions
Download patch file Download diff file Expand all files Collapse all files

19
docs/docs/Get-Started/get-started-quickstart.md
View file

@ -9,17 +9,18 @@ Get to know Langflow by building an OpenAI-powered chatbot application. After yo
## Prerequisites
* [An OpenAI API key](https://platform.openai.com/)
* [An Astra DB vector database](https://docs.datastax.com/en/astra-db-serverless/get-started/quickstart.html) with:
* An Astra DB application token scoped to read and write to the database
* A collection created in [Astra](https://docs.datastax.com/en/astra-db-serverless/databases/manage-collections.html#create-collection) or a new collection created in the **Astra DB** component
- [A running Langflow instance](/get-started-installation)
- [An OpenAI API key](https://platform.openai.com/)
- [An Astra DB vector database](https://docs.datastax.com/en/astra-db-serverless/get-started/quickstart.html) with:
- An Astra DB application token scoped to read and write to the database
- A collection created in [Astra](https://docs.datastax.com/en/astra-db-serverless/databases/manage-collections.html#create-collection) or a new collection created in the **Astra DB** component
## Open Langflow and start a new project
1. From the Langflow dashboard, click **New Flow**, and then select **Blank Flow**. A blank workspace opens where you can build your flow.
:::tip
If you don't want to create a blank flow, click **New Flow**, and then select **Basic Prompting** for a pre-built flow.
If you want a pre-built flow, click **New Flow**, and then select **Basic Prompting**.
Continue to [Run the basic prompting flow](#run-basic-prompting-flow).
:::
@ -68,8 +69,8 @@ Add your OpenAI API key to the OpenAI model component, and add a prompt to the P
1. Add your credentials to the OpenAI component. The fastest way to complete these fields is with Langflow’s [Global Variables](/configuration-global-variables).
1. In the OpenAI component’s OpenAI API Key field, click the <Icon name="Globe" aria-label="Globe" /> **Globe** button, and then click **Add New Variable**.
Alternatively, click your username in the top right corner, and then click **Settings**, **Global Variables**, and then **Add New**.
1. In the OpenAI component’s OpenAI API Key field, click the <Icon name="Globe" aria-label="Globe" /> **Globe** button, and then click **Add New Variable**.
Alternatively, click your user icon in the top right corner, and then click **Settings**, **Global Variables**, and then **Add New**.
2. Name your variable. Paste your OpenAI API key (sk-…​) in the Value field.
3. In the **Apply To Fields** field, select the OpenAI API Key field to apply this variable to all OpenAI Embeddings components.
@ -122,8 +123,8 @@ The [Astra DB vector store](/components-vector-stores#astra-db-vector-store) com
The [File](/components-data#file) component loads files from your local machine.
4. Click **Processing**, select the **Split Text** component, and then drag it to the canvas.
The [Split Text](/components-processing#split-text) component splits the loaded text into smaller chunks.
5. Click **Processing**, select the **Parse Data** component, and then drag it to the canvas.
The [Data to Message](/components-processing#data-to-message) component converts the data from the **Astra DB** component into plain text.
5. Click **Processing**, select the **Parser** component, and then drag it to the canvas.
The [Parser](/components-processing#parser) component converts the data from the **Astra DB** component into plain text.
6. Click **Embeddings**, select the **OpenAI Embeddings** component, and then drag it to the canvas.
The [OpenAI Embeddings](/components-embedding-models#openai-embeddings) component generates embeddings for the user's input, which are compared to the vector data in the database.
7. Connect the new components into the existing flow, so your flow looks like this: