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

# Quick Start

## Build with the App Builder

The fastest way to create a Modelence app - no local setup needed.

<Steps>
  <Step title="Go to Modelence Cloud">
    Open [cloud.modelence.com](https://cloud.modelence.com) and sign up for a free account.
  </Step>

  <Step title="Create an app">
    Describe what you want to build in the prompt field. For example:

    > "A task management app with user accounts, project boards, and due date reminders"

    The App Builder will generate your full application - frontend, backend, database, and hosting - in minutes.
  </Step>

  <Step title="Iterate on your app">
    Once your app is generated, you can continue chatting with the App Builder to refine it. Ask it to add features, change the design, fix issues, or adjust functionality.
  </Step>

  <Step title="Share or deploy">
    Once ready, click `Publish`, and your app is automatically deployed to a live URL on Modelence Cloud.
    You can share it immediately or connect a custom domain.
  </Step>
</Steps>

<Tip>
  Every app built with the App Builder generates a clean, readable TypeScript + React + MongoDB codebase. You can view, edit, and download the source code at any time.
</Tip>

***

## Developer Quick Start (CLI)

If you prefer working locally with your own editor and terminal, you can scaffold a project with the Modelence CLI.

### Prerequisites

<AccordionGroup>
  <Accordion icon="node-js" title="Node.js">
    [Node.js](https://nodejs.org/en/download/) version 18.0 or above

    * When installing Node.js, make sure to check all checkboxes related to dependencies
    * Node.js installation includes NPM (Node Package Manager) which is required
    * You can verify your installation by running:

    ```bash theme={null}
    node --version
    npm --version
    ```

    If you see version numbers displayed for both commands, you're ready to start building with Modelence!
  </Accordion>
</AccordionGroup>

### Creating a new project

You can create a new Modelence project using the `create-modelence-app` command.

```bash theme={null}
npx create-modelence-app@latest my-app
```

This command will create a new directory named `my-app` with the necessary files and folders for your project.

### Project structure

For a detailed breakdown of the project structure, see [Project Structure](/core-concepts/project-structure).

### Start your application

<Steps>
  <Step title="Install dependencies">
    Navigate to your project directory and install the required packages:

    ```bash theme={null}
    cd my-app
    npm install
    ```
  </Step>

  <Step title="Run the development server">
    Start the development server:

    ```bash theme={null}
    npm run dev
    ```

    The `npm run dev` command builds your website locally and serves it through a Vite development server,
    ready for you to view at [http://localhost:3000/](http://localhost:3000/) (or the port you specified in the `.env` file).
  </Step>

  <Step title="View your application">
    If everything is set up correctly, you should see the Modelence new project home page in your browser.
  </Step>
</Steps>

### Next steps

Once your local project is running, you can [connect it to Modelence Cloud](/setup) for hosting, database provisioning, and monitoring.