# With Novel Web

Novel can be used with or without Novel Web. However, If you would like to use it with Novel Web, or if you have used the express installation method; you would have Novel Web inside your `/web` directory.

Normally, the software would be able to detect if this is inside that directory.

But if you would want to deploy Novel Web separately into Vercel, like the tutorial below

{% embed url="<https://docs.novel.dev/guides/deployment/deploying-to-vercel>" %}

You will need to perform a couple more steps.

## In different server

{% stepper %}
{% step %}

### Configure Novel API

Make sure you set the Novel API to know where the Novel Web instance is set. This is usually the domain for that instance

{% code title=".env" lineNumbers="true" %}

```sh
HOST=https://canary.novel.dev
WEB_HOST=https://demo.novel.dev

...rest of your `.env`
```

{% endcode %}
{% endstep %}

{% step %}

### Configure Novel Web

Add this environment variable in the server that you set up Novel Web on.

{% code title=".env" lineNumbers="true" %}

```sh
NEXT_PUBLIC_API_HOST=https://canary.novel.dev
...rest of your `.env`
```

{% endcode %}

For example, with Vercel

<figure><img src="/files/p5xI5wffQtErmj8EJcE7" alt=""><figcaption></figcaption></figure>

{% embed url="<https://docs.novel.dev/guides/deployment/deploying-to-vercel>" %}
{% endstep %}
{% endstepper %}

## In the same server

As long as Novel Web is inside the `/web` directory, Novel API will make sure it will serve it in the same host as the API.&#x20;

No additional set up is required.

## Changelog

* 2024-12-20 - Initial Documentation


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.novel.dev/novel-server/with-novel-web.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.