Run and deploy your AI Studio app

This contains everything you need to run your app locally.

Run Locally

Prerequisites: Node.js

Configure your Stripe publishable key by creating a .env.local file and setting VITE_STRIPE_PUBLISHABLE_KEY=pk_live_or_test_key.
Start the dev server (npm run dev) and open http://localhost:3000/payment.html with one of the following query string options:
- Provide a client_secret returned from your backend: /payment.html?client_secret=pi_123_secret_abc.
- Provide a payment_intent ID so the page can fetch it from your backend (GET /payments/payment-intent/:id).
- Provide an amount (in the smallest currency unit, e.g., cents) to create a new intent via POST /payments/payment-intent.
Optional query params: currency, email, description, publishable_key, plan_id.
During production builds the payment page is bundled alongside the intake form; deploy both index.html and payment.html.

Name		Name	Last commit message	Last commit date
Latest commit History 45 Commits
.vite/deps		.vite/deps
components		components
forms		forms
hooks		hooks
payment		payment
utils		utils
.env		.env
.gitignore		.gitignore
App.tsx		App.tsx
CODEBASE_REVIEW_REPORT.md		CODEBASE_REVIEW_REPORT.md
CUSTOMER_UX_ACTIONABLE_FIXES.md		CUSTOMER_UX_ACTIONABLE_FIXES.md
CUSTOMER_UX_REVIEW.md		CUSTOMER_UX_REVIEW.md
FIXES_APPLIED.md		FIXES_APPLIED.md
FOCUS_GROUP_FLOW_ANALYSIS.md		FOCUS_GROUP_FLOW_ANALYSIS.md
README.md		README.md
TONE_REVIEW_REPORT.md		TONE_REVIEW_REPORT.md
TRANSITION_SCREENS_ANALYSIS.md		TRANSITION_SCREENS_ANALYSIS.md
favicon.ico		favicon.ico
index.css		index.css
index.html		index.html
index.tsx		index.tsx
metadata.json		metadata.json
package-lock.json		package-lock.json
package.json		package.json
payment.html		payment.html
payment.tsx		payment.tsx
tsconfig.json		tsconfig.json
types.ts		types.ts
vite-env.d.ts		vite-env.d.ts
vite.config.ts		vite.config.ts
yarn.lock		yarn.lock