Skip to main content

​
Build with the App Builder

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

Go to Modelence Cloud

Open cloud.modelence.com and sign up for a free account.
2

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.
3

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.
4

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.
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.

​
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

Node.js 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:
node --version
npm --version
If you see version numbers displayed for both commands, you’re ready to start building with Modelence!

​
Creating a new project

You can create a new Modelence project using the create-modelence-app command. 
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.

​
Start your application

1

Install dependencies

Navigate to your project directory and install the required packages:
cd my-app
npm install
2

Run the development server

Start the development server:
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/ (or the port you specified in the .env file).
3

View your application

If everything is set up correctly, you should see the Modelence new project home page in your browser.

​
Next steps

Once your local project is running, you can connect it to Modelence Cloud for hosting, database provisioning, and monitoring.