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

# Quickstart: Web Dashboard

> Build and deploy your first internal tool entirely in the browser.

This guide walks you through creating an app using the Major web dashboard. No local setup required—build, preview, and deploy entirely in your browser.

## Step 1 — Sign in

Go to [app.major.build](https://app.major.build) and sign up or sign in. From the dashboard you can create a new app by describing what you need, manage your existing apps, or configure resources.

## Step 2 — Create an app

1. Click **New App** in the dashboard
2. Enter a name and description for your app
3. Choose a template:
   * **Vite** — React single-page application
   * **Next.js** — Full-stack with server components
4. Click **Create**

Major provisions a GitHub repository and sets up the template automatically.

## Step 3 — Add connectors

Connect the databases and APIs your app needs:

1. Go to **Organization Settings > Connectors**
2. Click **Add Connector** and select the type (Postgres, S3, Custom API, etc.)
3. Configure the connection details

Don't see the type you need? Click **Request it** in the dialog.

<Note>
  Resource credentials are encrypted and never exposed in your application code.
</Note>

## Step 4 — Open the live editor

1. Navigate to your app in the dashboard
2. Click **Edit** to open the live editor

The editor provides:

* **Code panel** — Full file browser and editor
* **Preview panel** — Live preview of your running app
* **AI assistant** — Full context of your codebase to help you build

## Step 5 — Build with AI assistance

Click the chat icon to open the AI assistant. You can:

* Describe features to build
* Attach screenshots or mockups for reference (paste with Cmd+V or drag and drop)
* Ask it to explain, refactor, or fix existing code

The AI understands your entire codebase and connected resources. If your app needs a connector that hasn't been set up yet, the AI will show a setup card in the chat — click it to open the configuration dialog, complete the setup, and the AI continues automatically.

## Step 6 — Preview your changes

The preview panel shows your app running with the latest changes. Every edit you make is reflected immediately—no manual refresh needed.

## Step 7 — Deploy

When you're ready to ship:

1. Click the <span style={{display: "inline-flex", alignItems: "center"}}><img src="https://mintcdn.com/major-5cc5eebc/1KYAgpcjl-PoxuUL/images/git-branch.svg?fit=max&auto=format&n=1KYAgpcjl-PoxuUL&q=85&s=7c808374ff6918b69be4190f2606ac50" alt="Git Branch" style={{height: "1em", verticalAlign: "middle", margin: "0 0.25em"}} width="24" height="24" data-path="images/git-branch.svg" /></span> **Git Branch** icon in the left sidebar to open version control
2. Find the version you want to deploy
3. Click **Deploy**

Major builds the app and deploys to production. You'll see the live URL when deployment completes.

## Next steps

<CardGroup cols={2}>
  <Card title="Core Concepts" icon="book" href="/getting-started/core-concepts">
    Learn about Apps, Connectors, and RBAC.
  </Card>

  <Card title="Editor Features" icon="pen-to-square" href="/web/editor">
    Explore the full capabilities of the live editor.
  </Card>

  <Card title="CLI Workflow" icon="terminal" href="/getting-started/quickstart-cli">
    Try developing locally instead.
  </Card>

  <Card title="Access Control" icon="users" href="/web/permissions">
    Manage who can view and edit your apps.
  </Card>
</CardGroup>