Web Wizard
The Donno wizard is a structured, multi-step form. No chat, no AI conversation. You fill in fields, toggle options, and connect accounts.
Step 1: Project Basics
Provide foundational information about your project:
- Project name - used for the GitHub repo name, Supabase project, and Vercel project. Use lowercase with hyphens (e.g.
my-saas-app). - Description - a one-line summary of what your project does. This appears in the generated
CLAUDE.mdand GitHub repo description. - Target audience - who is this for? Helps generate more relevant project context.
Your draft is auto-saved as you type. You can close the wizard and resume later from your dashboard.
Step 2: Stack Configuration
Choose the technologies and features for your project:
- Framework - Next.js (App Router) is the default. SvelteKit and Nuxt are planned for a future release.
- Auth methods - choose one or more: email/password, magic link, or OAuth (Google, GitHub). All are wired to Supabase Auth.
- Payments - toggle Stripe on or off. When enabled, step 3 appears to configure your pricing model.
- Email - toggle Resend on or off. When enabled, the generated project includes email templates (welcome, receipt, password reset).
- Analytics - choose None, PostHog, or Plausible. PostHog and Plausible are coming soon.
Step 3: Pricing Model
This step only appears if you enabled Stripe in step 2. Choose how your product charges users:
- Free - no payment integration (Stripe webhook and checkout are still wired for future use).
- Freemium - free tier with paid upgrades. Define your paid plans.
- Subscription - recurring billing. Define plans with monthly and/or yearly pricing.
- One-time - single purchase. Define products with fixed prices.
For each plan, specify a name (e.g. "Pro", "Starter"), a price in USD, and the billing interval (monthly or yearly). You can add multiple tiers.
Donno creates the corresponding Stripe products and prices in your Stripe account during provisioning.
Step 4: Connect Accounts
Connect the services where Donno will provision your infrastructure. Each provider shows a status indicator: connected or not connected.
| Provider | Method | Required? |
|---|---|---|
| GitHub | OAuth (click to authorize) | Yes |
| Supabase | OAuth (click to authorize) | Yes |
| Vercel | OAuth (click to authorize) | Yes |
| Stripe | Paste secret API key | Only if payments enabled |
| Resend | Paste API key | Only if email enabled |
You cannot proceed to the next step until all required providers are connected. API keys are encrypted before storage.
Connections persist across projects. If you have already connected GitHub for a previous project, it will show as connected automatically.
Step 5: Review and Provision
A summary of everything that will be created. Review your project name, stack choices, pricing tiers, and connected accounts.
Click Provision Project to start. You will see real-time progress as each step completes:
- Generating project files
- Creating GitHub repository
- Creating Supabase project
- Running database migrations
- Creating Stripe products
- Setting up Resend domain
- Creating Vercel project
- Deploying
- Verifying deployment
Each step shows its status: pending, running, completed, or failed. If a step fails, you can retry it or roll back the entire project from your dashboard.
Step 6: Done
Once provisioning completes, you get:
- Live URL - your project deployed at
your-project.vercel.app - Resource links - direct links to your GitHub repo, Supabase dashboard, Stripe dashboard, and Vercel project
- DNS records - if Resend is enabled, the DNS records you need to add for email domain verification
- Clone command - copy the
git clonecommand to get the code locally - CLAUDE.md preview - see the generated project context file that AI tools will use
Prefer the terminal? See the CLI documentation.