Guide hero background
/guide — zero to live app

From zero coding
to a live app

You don't need to know how to code. You need an AI tool, Mistflow, and an idea. This guide walks you through every step.

/Before You Start Three things you need. All free to start.

A Terminal

Every computer has one built in. On Mac it's called Terminal (press Cmd + Space, type "Terminal"). You'll type a few short commands — we'll tell you exactly what.

An AI Coding Tool

This is the AI that does the actual coding. Pick one — they all work with Mistflow. Most have free tiers.

An App Idea

A fitness tracker. A recipe manager. A booking system. An invoicing tool. It can be simple or ambitious — Mistflow handles the complexity.

/Step by Step Six steps. About 15 minutes. One live app.
1
⏱ ~2 minutes

Open your terminal

Press Cmd + Space to open Spotlight, type Terminal, and hit Enter. You'll see a text window with a blinking cursor — that's where you type commands.

Press Win + X and select Terminal (or search for "PowerShell" in the Start menu). You'll see a text window with a blinking cursor — that's where you type commands.

Press Ctrl + Alt + T to open your terminal. If that doesn't work, search for "Terminal" in your app menu. You'll see a text window with a blinking cursor — that's where you type commands.

Don't panic. The terminal looks intimidating but you'll only type a few short commands. We'll show you each one.
2
⏱ ~3 minutes

Install Mistflow

One command installs Mistflow and auto-connects it to your AI coding tool. No configuration, no signup required yet.

Terminal $ npx -y @mistflow/mcp

# It auto-detects your AI tool and configures itself
✔ Mistflow installed and connected to Claude Code
✔ Ready to build
That's the only install command. Mistflow detects if you have Claude Code, Cursor, Windsurf, or any other MCP-compatible tool and configures itself automatically.
3
⏱ ~2 minutes

Describe your app

Open your AI coding tool and describe what you want to build. Be as detailed or as brief as you want — Mistflow turns your description into a structured plan.

Your AI tool You: I want a gym management app where members can
      check in, book classes, and view their attendance
      history. Trainers can manage the class schedule.

Mistflow: Got it. Let me create a plan for your app...
4
⏱ ~2 minutes

Review the plan

Mistflow generates a structured plan: data models, pages, features, and the exact build order. You review it, tweak anything, and approve.

■ Your App Plan

Data Models: Members, Trainers, Classes, Check-ins, Bookings
Pages: Dashboard, Class Schedule, Member Profile, Admin Panel
Auth: Email/password login with role-based access

Build Order:
  1. Database schema — tables and relationships
  2. Authentication — login, signup, roles
  3. Core CRUD — members, classes, bookings
  4. Dashboard — stats and overview
  5. Polish — styling, empty states, loading
You're in control. Want to add a feature? Remove a page? Change the data model? Just say so and Mistflow updates the plan.
5
⏱ ~5 minutes

Build step by step

Mistflow builds your app feature by feature following the plan. After each step you can review what was built, test it locally, and say "next" to continue or "undo" to revert.

Your AI tool Step 1/5: Database schema created
Step 2/5: Authentication with login & signup
Step 3/5: Member management & class booking
Step 4/5: Building dashboard...

# Every step is auto-committed to git
# Say "undo" anytime to revert the last step
No git knowledge needed. Mistflow auto-commits after every feature so you can always undo. Your safety net is built in.
6
⏱ ~1 minute

Deploy — get a live URL

Say "deploy" and Mistflow handles everything: provisions a database, generates auth secrets, sets environment variables, and deploys to a live URL.

Your AI tool You: deploy

Database provisioned (Turso)
Auth secrets generated
Environment variables set
Deployed to Cloudflare Pages

🎉 Live at gym-tracker.mistflow.ai
42 seconds. No Cloudflare account. No database signup. No environment variable juggling. One word and it's live.
/What You Get A production-grade app. Not a prototype.

Live URL

Your app deployed on Cloudflare's global edge network. Fast everywhere, HTTPS included, custom domain ready.

🔒

Real Authentication

Email/password login, session management, role-based access. Not a toy auth — production-grade from day one.

🗃

Real Database

SQLite on Turso with proper schema, migrations, and relationships. Your data persists and scales.

🛠

Full Source Code

Everything lives in your git repo. Next.js, Tailwind, shadcn/ui. Standard stack, no vendor lock-in.

🔄

One-Click Redeploy

Make changes, say "deploy" again. Updates go live in seconds. Rollback anytime if something breaks.

🚀

Keep Building

Add features anytime. Mistflow remembers your entire project across sessions — just describe what's next.

CTA background

Ready to build your first app?

One install command. One description. One live URL. Start now — it's free.