Lovableprofessionbeginner
E-Commerce Store — Complete Founding Prompt
Build a functional e-commerce store in Lovable with product catalog, shopping cart, and Stripe checkout.
What you'll get
A functional e-commerce store with product catalog, cart, Stripe checkout, and responsive design.
The Prompt
Build an e-commerce store for [STORE_NAME] selling [PRODUCT_CATEGORY] products to [TARGET_AUDIENCE] with a [BRAND_PERSONALITY] brand personality. Accent color: [ACCENT_COLOR]. ABOUT: - [STORE_NAME] sells [PRODUCT_CATEGORY] products - Target audience: [TARGET_AUDIENCE] - Brand personality: [BRAND_PERSONALITY] PAGES: 1. Home — Hero banner with featured collection, new arrivals grid (4-8 products), bestsellers section, brand story snippet, newsletter signup, and shop-by-category cards. 2. Shop — Product grid with filters (category, price range, size, color), sort options (price, newest, popular), product cards with image, name, price, and quick-add button. Pagination or load-more. 3. Product Detail — Large product images with gallery/zoom, product name, price, description, size/variant selector, quantity picker, "Add to Cart" button, shipping info, returns policy, and related products. 4. Cart — Cart page with item list (image, name, variant, quantity adjuster, line total), subtotal, shipping estimate, promo code field, and "Proceed to Checkout" button. Cart stored in localStorage. 5. Checkout — Stripe Checkout integration for payment. Collect shipping address and email. Redirect to order confirmation on success. 6. Order Confirmation — Thank-you page with order number, items summary, estimated delivery, and "Continue Shopping" link. DESIGN: - Background: White #FFFFFF, Accent: [ACCENT_COLOR], Text: #1A1A1A - Typography: Clean sans-serif (Inter) throughout - [BRAND_PERSONALITY] aesthetic applied to imagery and micro-copy - Product images on white/neutral backgrounds - Smooth cart drawer animation TECHNICAL: - Products stored in Supabase "products" table: id, name, description, price, images (array), category, sizes, colors, stock, created_at - Cart stored in localStorage with product IDs, quantities, and variants - Stripe Checkout for payments via Edge Function - Order saved to Supabase "orders" table on successful payment - SEO with product schema (JSON-LD) on product detail pages - Responsive product grid (4 cols desktop, 2 cols mobile)
Replace these variables
| Variable | Replace with |
|---|---|
| [STORE_NAME] | Name of the online store |
| [PRODUCT_CATEGORY] | What you sell (e.g., handmade candles, vintage clothing) |
| [TARGET_AUDIENCE] | Who buys your products (e.g., eco-conscious millennials) |
| [BRAND_PERSONALITY] | Brand vibe (e.g., playful, minimalist, luxury, artisanal) |
| [ACCENT_COLOR] | Brand accent color hex code |
Tips for best results
Seed the products table with 8-12 sample products so the store looks populated from day one.
Add product reviews — social proof increases conversion rates significantly.
Follow-up prompts
Add reviews
Add a product review system where customers can rate products 1-5 stars and leave a review. Show average rating on product cards. Store in a Supabase "reviews" table.
Add inventory tracking
Add stock tracking with low-stock alerts, out-of-stock badges on product cards, and automatic cart validation before checkout.