> ## Documentation Index
> Fetch the complete documentation index at: https://docs.embedchain.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# 💻 Full stack

Get started with full-stack RAG applications using Embedchain's easy-to-use CLI tool. Set up everything with just a few commands, whether you prefer Docker or not.

## Prerequisites

Choose your setup method:

* [Without docker](#without-docker)
* [With Docker](#with-docker)

### Without Docker

Ensure these are installed:

* Embedchain python package (`pip install embedchain`)
* [Node.js](https://docs.npmjs.com/downloading-and-installing-node-js-and-npm) and [Yarn](https://classic.yarnpkg.com/lang/en/docs/install/)

### With Docker

Install Docker from [Docker's official website](https://docs.docker.com/engine/install/).

## Quick Start Guide

### Install the package

Before proceeding, make sure you have the Embedchain package installed.

```bash theme={null}
pip install embedchain -U
```

### Setting Up

For the purpose of the demo, you have to set `OPENAI_API_KEY` to start with but you can choose any llm by changing the configuration easily.

### Installation Commands

<CodeGroup>
  ```bash without docker theme={null}
  ec create-app my-app
  cd my-app
  ec start
  ```

  ```bash with docker theme={null}
  ec create-app my-app --docker
  cd my-app
  ec start --docker
  ```
</CodeGroup>

### What Happens Next?

1. Embedchain fetches a full stack template (FastAPI backend, Next.JS frontend).
2. Installs required components.
3. Launches both frontend and backend servers.

### See It In Action

Open [http://localhost:3000](http://localhost:3000) to view the chat UI.

<img src="https://mintcdn.com/embedchain/pz6fpRISI4B6JS6w/images/fullstack.png?fit=max&auto=format&n=pz6fpRISI4B6JS6w&q=85&s=7363841f4336e4bebcef4962525a77a5" alt="full stack example" width="3116" height="2104" data-path="images/fullstack.png" />

### Admin Panel

Check out the Embedchain admin panel to see the document chunks for your RAG application.

<img src="https://mintcdn.com/embedchain/pz6fpRISI4B6JS6w/images/fullstack-chunks.png?fit=max&auto=format&n=pz6fpRISI4B6JS6w&q=85&s=fcf336ad71c16c66b37744acf7afee99" alt="full stack chunks" width="2526" height="1866" data-path="images/fullstack-chunks.png" />

### API Server

If you want to access the API server, you can do so at [http://localhost:8000/docs](http://localhost:8000/docs).

<img src="https://mintcdn.com/embedchain/pz6fpRISI4B6JS6w/images/fullstack-api-server.png?fit=max&auto=format&n=pz6fpRISI4B6JS6w&q=85&s=7603f950f746c20e429b64088cd839d7" alt="API Server" width="2980" height="1728" data-path="images/fullstack-api-server.png" />

You can customize the UI and code as per your requirements.