Examples

How to build full features from the example tutorials.

Examples are domain-specific tutorials — job management, CRM, inventory, and more. Each one is a full vertical slice: database tables, server routes, UI pages, permissions, and realtime.

Installation works the same as plugins: open an example page, copy each prompt in order, paste into Claude Code. Claude builds the entire feature.

Before you start

Prerequisite: Complete the Get Started guide first. You need the template cloned, Supabase project created, and Claude Code running in the project directory.

You'll need:

The VueStarter template cloned locally
Claude Code running in the template's root directory (claude command)
Supabase MCP connected and authenticated — Claude uses it to run migrations and inspect the database
Nuxt MCP and Nuxt UI MCP connected — these help Claude produce idiomatic Nuxt + UI code

If you haven't wired these up yet, see the Claude Code guide.

How to build an example

Pick an example

Open any example page from the list below. Each page starts with a summary of what you'll build and lists the prompts in order.

Copy the first prompt

Each prompt is in a fenced code block labelled Prompt 1, Prompt 2, etc. Click the copy button in the top-right of the block.

Paste it into Claude Code

In your terminal running claude, paste the prompt and press Enter. Claude will run migrations, create files, wire routes, and build the UI. Review its plan when it asks.

Wait for Claude to finish

Let each prompt run to completion before moving on. Verify the result quickly — check a page loads, a table exists, realtime syncs — before moving to the next prompt.

Run the next prompt

Repeat for each prompt on the page, in order. Later prompts depend on what earlier ones built.

Baked-in features pick up new tables. The example prompts wire each new table into AI Chat and the activity log as they go. On top you can still layer the Public API plugin to expose endpoints to external clients.

Available examples

Example	What you build
Job Management	Clients, jobs with status tracking, dashboard stats, realtime sync
Kanban / To-Do List	Boards, columns, cards with drag-and-drop, and checklists
Inventory Management	Products, warehouses, and stock movements with full audit history
Mini CRM	Contacts, deals, pipeline stages, and activity tracking
Sales Orders & Invoices	Orders, line items, invoice generation, and payment tracking
Calendar & Booking	Events, availability, recurring schedules, and booking management
Support Tickets	Tickets, priorities, assignments, SLA tracking, and canned responses

Build any of these in hours. Buy VueStarter — one-time payment, then use these prompts to build real features with Claude Code.

Rate Limiting

Add a Postgres-backed fixed-window rate limiter with zero external dependencies.

Job Management

Build a complete job management system — clients, jobs, dashboard, and realtime sync