MasterMaster
Back to main site
Getting started

Quickstart

This guide will walk you through creating your first Master app — from an empty project to a published URL — in less than 10 minutes.

What you will need

  • Master account (free).
  • Modern browser (Chrome, Safari, Firefox, Edge).
  • An idea — even if it is just a rough one.

You do not need to install Node, Git, or anything else. Everything runs in the cloud.

1. Create a project

Open the Dashboard and click New project. Name your app and Master will create an empty React + Vite + TypeScript + Tailwind CSS project with Cloud automatically enabled within seconds.

Every new project has a database, auth, and edge functions available immediately. No need to connect or configure anything.

2. Describe what you want

In the chat box on the left, type what the app should do. Master reads the task, plans the structure, generates components, and renders them immediately v preview vpravo.

How to write good prompts

  1. Be specific. Instead of "make an e-shop," write "a landing page for a cafe in Prague with a menu section, photo gallery, and contact form".
  2. Specify the style. "Dark theme, minimalist, sans-serif font, orange accent."
  3. One feature at a time. Build the foundation first, then add features.
If you have inspiration (Dribbble, competitor website), upload a screenshot. Master can read images and imitate the style and layout.

3. Iterate in small steps

After each prompt, check the preview. If something is not OK, write a specific adjustment — "increase hero by 20%", "add hover effect to cards", "remove the second section".

4. Add a backend (optional)

When you need a database, login, or file upload, just say:

prompt
Add a posts table (title, body, author_id) and a page
/blog that displays them. I need login by email and Google.

5. Publish

In the top right corner of the editor, click Publish. The app will be deployed to a dedicated URL with automatic HTTPS and CDN.

For a custom domain, proceed to Publishing & Domain.

Examples of first prompts

Landing page

prompt
Build a landing page for a photographer.
- Hero section with a full-screen image and the name "Anna Novakova"
- Gallery of 6 photos in a grid (placeholder images)
- Section "About me" with 2 paragraphs
- Contact form (name, email, message)
- Dark minimalist design, Inter font, #FF6B5B accent

SaaS dashboard

prompt
Build an admin dashboard for managing orders.
- Left sidebar (Orders, Customers, Products, Settings)
- Order table with status filter and search
- Order details in a drawer panel on the right
- Login by email

AI tool

prompt
Build an app where a user uploads a PDF and gets a summary.
- Upload zone (drag & drop)
- After uploading, send the text to a Gemini model for a summary
- Display the summary below the upload
- History of the last 10 summaries in the sidebar

Next steps