# Quickstart

 Let's build a finance dashboard for CEOs to manage their company data!

### TLDR;

{% embed url="<https://www.youtube.com/watch?v=9koKVkOyelY>" %}

### Getting Started with Dualite

You can signup for Dualite using your email or Google Account at our [login page ](https://alpha.dualite.dev/onboarding)and start building right away. All free users get 20 messages. You can upgrade here to get unlimited messages [here](https://dualite.dev/pricing).

### Put in a prompt

You'll be directed to a screen like this where you can start prompting. If you're into tech, you can select the exact tech stack you want to go with, else you can go with the defaults, React and Tailwind CSS with TypeScript. Let's take an example prompt "Generate a finance dashboard for CEOs to manage their company data"

<figure><img src="https://3249760354-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FV8GfqSvH6vHDgFIKWOOu%2Fuploads%2F6Etpz58YeTfJmbmW4gEy%2FScreenshot%202025-11-25%20at%202.51.33%E2%80%AFPM.png?alt=media&#x26;token=34ec3b9a-967f-46aa-a59a-da0ec9637173" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
You can click on Enhance to optimise your prompt for a much better output and fewer iterations. Read more about Prompt Enhancer&#x20;
{% endhint %}

### Sit back and relax

Once you hit the white top-arrow button, please wait sometime. It usually takes a minute or two to build your desired application. Once build is complete, Dualite automatically loads the live preview for you

### See the preview, and keep on building!

The Preview will show you the final output. You can also keep on building by chatting at the bottom-right. Let us prompt it again to add a dark mode on the below dashboard by prompting in the right-side chatbox.

<figure><img src="https://3249760354-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FV8GfqSvH6vHDgFIKWOOu%2Fuploads%2Fv3pRONX5wZ7xoOnagzhF%2Fchatbox-darkmode.png?alt=media&#x26;token=44d2fcc2-6d1b-4ebb-aa96-7250689df075" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3249760354-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FV8GfqSvH6vHDgFIKWOOu%2Fuploads%2Fb08mVvGp9yvRCK7VytO3%2FScreenshot%202025-11-25%20at%203.21.15%E2%80%AFPM.png?alt=media&#x26;token=ba17ca3d-ba56-44be-82c8-39f77fd2630b" alt=""><figcaption><p>Dark mode for the dashboard using the prompt added in the bottom-right chatbox</p></figcaption></figure>

{% hint style="info" %}
You can refer on how you can prompt better by reading this [guide](https://alphadocs.dualite.dev/prompting/prompt-techniques)
{% endhint %}

### Publishing your creation 🚀

You can directly publish the product by clicking on the top-right 'Publish' button. After you click this, you'll be required to login with 'Netlify', our deployment partner. Netlify gives you ability to deploy your projects in a single click without any DevOps hassle. Here's our project's deployed link though, check it out [here](https://inance-dashboard-rvqr-dualite.netlify.app/)

{% hint style="info" %}
You can also download your complete code as a ZIP file at the download icon just adjacent to the Publish button
{% endhint %}

<figure><img src="https://3249760354-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FV8GfqSvH6vHDgFIKWOOu%2Fuploads%2FPjMLH1f9eY50QuSAGhMF%2FPublish.png?alt=media&#x26;token=fc77039e-6a00-4e92-a4c6-14cdb1c21636" alt=""><figcaption></figcaption></figure>

You're all set!&#x20;

We'll love to see what you're going to build with Dualite, post on X and tag us [@dualitedev](https://x.com/dualitedev)


---

# 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://alphadocs.dualite.dev/getting-started/quickstart.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.