Getting Started

• A working preview (dev) URL
• One successful change via Chat
• A safe path to production (with rollback)
• A checklist for GitHub / Payments / Analytics

1. Create a project from your prompt.
2. Open the preview (dev) URL.
3. Ask Chat for one small change:

Change the homepage hero title to “Hello from my first build”. Keep the rest unchanged.
Acceptance: the preview updates and the page still loads on mobile.

Include these in your prompt:

1. Audience / role
2. 2–4 core flows
3. Data entities
4. Constraints (mobile-first, dark mode, SEO, etc.)
5. Integrations (GitHub / payments / analytics)
6. Acceptance criteria

Most users get stuck on assets because there is no single “upload logo” button. Use one of these workflows:

A) Paste SVG (recommended)

Replace the header logo.
Create `public/brand/logo.svg` using the SVG below and update the header to use it.
Constraints: responsive, accessible label (aria-label), no layout shift.

<svg ...>...</svg>

B) Use an image URL (图床/CDN)

Use this as the header logo: https://.../logo.png
Constraints: 28px height desktop, 24px mobile, keep aspect ratio.
Acceptance: looks correct in dark mode.

C) Use GitHub for asset files (teams)

• Commit public/brand/logo.svg (or PNG) and reference it from UI.
• This makes reviews and rollbacks straightforward.

Favicons typically live under public/ (favicon.svg, favicon.ico, etc.). Ask Chat to replace them and update <link rel="icon" ...> if needed.

Verify in preview (dev) before promotion:

• auth flow works (if enabled)
• checkout is reachable (if enabled)
• core pages load without errors

Promote (typical): merge dev → main.

Rollback: revert the last change and redeploy. If it’s a secrets issue, fix secrets first, then redeploy.

• GitHub connected and repo access verified: /settings?tab=github
• Auth callback URLs set for preview + production
• Payments: test keys in preview; live keys in production; webhook secret configured
• Analytics: realtime/pageview verified; 3–5 core events added