L
🛒Online Shop

E-commerce Store

Build a complete online store with product listings, cart, checkout, and order management.

Product catalogueShopping cartStripe checkoutOrder managementUser accountsSearch & filter

The Prompt

✨ Ready-to-use Lovable Prompt

Open Lovable
Build a complete e-commerce store with the following features:

**Product Catalogue:**
- Product grid on homepage with product image, name, price, and "Add to Cart" button
- Product detail page with image gallery, description, size/variant selector, stock indicator
- Category filtering and search functionality
- Sorting: by price, newest, best-selling

**Shopping Cart:**
- Slide-out cart drawer showing cart items, quantities, and total
- Update quantities and remove items directly in the cart
- Cart count badge on the cart icon in the header

**Checkout:**
- Multi-step checkout: Shipping info → Payment → Confirmation
- Stripe payment integration
- Order confirmation email via Resend

**Account:**
- User sign up and login (Supabase Auth)
- Order history page
- Saved addresses

**Design:**
- Clean, modern e-commerce design
- White background with black typography
- Full-width hero banner with CTA on homepage
- Mobile-first, fully responsive

Store all products, orders, and user data in Supabase.

How to Use This Prompt

  1. 1

    Copy the prompt

    Click the 'Copy Prompt' button above to copy the full prompt to your clipboard.

  2. 2

    Open Lovable

    Go to lovable.dev and create a new project. If you're on the free plan, you get 5 credits/day.

  3. 3

    Paste and send

    Paste the prompt into the Lovable chat input and press enter. Lovable will start building your app immediately.

  4. 4

    Iterate and refine

    Review what Lovable builds. Use follow-up prompts to refine the design, add features, or fix anything that's off.

Pro Tips

  • →Describe your product type specifically — fashion, electronics, digital goods, food — so Lovable builds the right variant selectors and checkout flow
  • →Mention Stripe explicitly for payments — Lovable knows how to integrate it with Supabase Edge Functions
  • →Ask for 'slide-out cart drawer' rather than just 'cart' for a better UX pattern
  • →Include 'mobile-first' in every e-commerce prompt — most shoppers are on mobile

Prompt Variations

Different versions of this prompt for specific use cases.

Digital products store

Build a digital products store for selling downloadable files (PDFs, templates, software). After Stripe payment, automatically email the download link via Resend. Include: product listings with preview images, instant download after purchase, customer dashboard with purchased items, simple admin page to add new products. No physical shipping needed. Use Supabase for orders and Stripe for payments.

Subscription box

Build a subscription box e-commerce site. Monthly subscription model with Stripe. Customers choose a plan (Basic box £25/mo, Premium box £45/mo), enter their address, and get auto-charged monthly. Include a dashboard for subscribers to manage their subscription, pause deliveries, or cancel. Admin page to manage subscriber list and shipping details.

Frequently Asked Questions

Can I build a real e-commerce store with Lovable?
Yes. Lovable can build a fully functional e-commerce store with Supabase for product/order data and Stripe for payments. Several Lovable users have launched real stores with paying customers.
Does Lovable support product variants like sizes and colours?
Yes. Describe your variants in your prompt (e.g., 'each product can have size variants: XS, S, M, L, XL and colour variants: red, blue, green') and Lovable will build the appropriate selector UI and store the variant data in Supabase.
Can Lovable connect to Shopify?
Lovable can build a custom storefront that connects to Shopify's Storefront API, but it cannot build a Shopify theme. If you need full Shopify compatibility, a custom Lovable store with Supabase + Stripe is often a better and more flexible option.

Ready to build?

Copy the prompt above, then paste it into Lovable. Your app starts building instantly.

Try Lovable Free

More Prompt Templates

View all
📊

SaaS Dashboard

Build a full SaaS app with a user dashboard, authentication, subscription management, and analytics.

View prompt
👤

Portfolio Website

Build a stunning personal or creative portfolio to showcase your work and attract clients.

View prompt
💼

Job Board

Build a niche job board with job listings, company profiles, and job applications.

View prompt