Can I vibe code Shopflo?

1. Target Architecture: Build a high-converting headless checkout web application using Next.js, Tailwind CSS, and Node.js backend. Connect this app to a Shopify Storefront API instance.

2. Core Features:
- Slide-out cart drawer containing line items, quantity modifiers, coupon code input, and dynamic free shipping progress indicator.
- Single-page checkout flow with email/phone input, address auto-completion, shipping rate selection, and payment gateway rendering.
- Phone OTP verification flow (using Twilio) to verify returning shoppers and auto-fill saved addresses from a local PostgreSQL database.
- Secure integration with Stripe Elements and Razorpay SDKs for tokenized payment capture.
- Automated order creation call pushing validated checkout data into Shopify via GraphQL Admin API upon successful payment tokenization.
- Post-purchase upsell modal rendered immediately on successful checkout before redirecting to the order status page.

3. Data Schema:
- Shoppers table: `id`, `phone` (unique indexed), `email`, `created_at`.
- Addresses table: `id`, `shopper_id`, `street_address`, `city`, `state`, `postal_code`, `country`, `is_default`.
- Sessions table: `id`, `cart_id`, `shopper_id`, `line_items` (JSONB), `amount_total`, `status` (pending, paid, failed).

4. Error Handling & Edge Cases:
- If platform API rates limit during peak traffic, route order payloads into a BullMQ Redis queue for background retries.
- If OTP verification times out, allow manual address entry without blocking the checkout flow.
- Implement webhook listening endpoints for async payment reconciliation with signature verification.

5. Out of Scope:
- Cross-merchant network address sharing across external third-party domains.
- Native carrier shipping label generation or complex multi-warehouse inventory split calculations.

$ each button prefixes agent-specific run instructions · build your own product, never copy proprietary code, trademarks or designs