Skip to Content
Getting StartedCreate Your First App

Create Your First App

Create the app

Run:

myco app create

The CLI will prompt you for:

  • Slug — A URL-safe identifier (e.g., my-app). Lowercase letters, numbers, and hyphens only.
  • Name — A display name (e.g., “My App”)

You can also pass these as flags:

myco app create my-app --name "My App"

What gets scaffolded

The CLI creates a directory with a full Vibekit project:

my-app/ src/ # React frontend components/ # Reusable components ui/ # 40+ shadcn/ui components chat/ # AI chat components layout/ # Sidebar, ThemeProvider pages/ # Page components hooks/ # Custom hooks lib/ myco.ts # SDK initialization utils.ts # Tailwind cn() utility types/ myco.generated.ts # Generated entity types (DO NOT EDIT) worker/ # Cloudflare Worker backend index.ts # Hono API routes assets.ts # Static asset serving skills/ # AI agent skills wrangler.jsonc # Cloudflare config vite.config.ts # Build config package.json

Start the dev server

cd my-app npm run dev

This starts a local dev server at http://localhost:5173 with:

  • Hot module replacement (HMR)
  • Worker running locally via Wrangler
  • Full auth flow working

Visit http://localhost:5173 in your browser. You should see your app running with a login page.

Explore the app

Your Vibekit app comes with:

  • Login page — Federated auth via Myco (just works)
  • Dashboard — A sidebar layout with navigation
  • Chat page — AI chat interface at /chat
  • Theme toggle — Dark/light mode support

Next step