How to use
Fill in every [PLACEHOLDER] with your specifics before pasting. The more detail you provide, the better the output.
→Fill in every [PLACEHOLDER] — vague inputs give generic outputs
→Works best in Claude Projects with the Full-Stack Architect system prompt active
→If the model stops mid-build, say "Continue from where you left off"
→For Replit: paste in the Agent chat, not the editor
Best platforms
claude.aiReplitbolt.new
The megaprompt
Build a complete, production-ready e-commerce store with the following specifications.
## Store Overview
Store name: [NAME]
What it sells: [PRODUCT CATEGORY and description]
Target customers: [WHO BUYS HERE and where in India]
Payment method: [Razorpay for India / Stripe for international / Both]
## Tech Stack
- Frontend: Next.js 15 (App Router) + Tailwind CSS
- Product catalog: Sanity CMS or hardcoded JSON (specify which)
- Cart/State: Zustand with localStorage persistence
- Payments: Razorpay (India) or Stripe
- Database: Supabase for orders and users
- Auth: Supabase Auth
- Image hosting: Cloudinary or Next.js Image from public folder
## Pages Required (build ALL)
1. Home page: Hero banner, featured products, categories, testimonials, footer
2. Product listing: Grid view, filter by category/price, sort options, pagination
3. Product detail: Images gallery, description, specs, add to cart, related products
4. Cart: Item list, quantity controls, price breakdown, checkout button
5. Checkout: Address form, payment, order summary
6. Order confirmation: Thank you page with order details
7. Order tracking: Status timeline for the order
8. Account: Login/signup, order history, saved addresses
9. Admin panel: Add/edit products, view and manage orders
## Product Data Model
```
Product {
id, name, slug, description, price, compareAtPrice,
images[], category, tags[], inventory, sku,
variants (size/color if needed)
}
Order {
id, userId, items[], shippingAddress,
paymentStatus, fulfillmentStatus, total, createdAt
}
```
## India-Specific Requirements
- Price display in ₹ (Indian Rupees) with proper formatting
- Indian phone number validation (10 digits)
- Indian address format (Address, City, State, PIN code)
- COD (Cash on Delivery) as a payment option
- GST display (18% GST inclusive or exclusive — specify)
- Razorpay integration with UPI, Cards, Net Banking, Wallets
## Features
- Product search with instant results
- Wishlist functionality
- Recently viewed products
- Out of stock handling with "Notify me" option
- Image zoom on product page
- Size chart modal if selling clothes
- Free shipping threshold display ("₹200 more for free shipping!")
## Design
Style: [Clean minimal like Nykaa / Bold like Meesho / Premium like Rare Rabbit]
Primary color: [COLOR]
Build mobile-first — most Indian shoppers are on mobile