Can I vibe code Appikon?

Build a custom back-in-stock notification system for Shopify. 1. Architecture: Frontend Shopify Theme App Block (web component or plain JS snippet), Next.js App Router backend, Supabase PostgreSQL database, and Resend for transactional email. 2. Frontend Widget: Render a 'Notify Me When Available' button on product pages where variant quantity <= 0. On click, open a simple modal capturing customer Email and optional phone number with an explicit consent checkbox for marketing compliance. Submit via POST to backend. 3. Data Model: Create tables: `subscribers` (id, email, phone, created_at), `requests` (id, subscriber_id, product_id, variant_id, status: pending/notified/cancelled, created_at), and `inventory_logs` (id, variant_id, previous_qty, new_qty, processed_at). 4. Webhook Receiver: Create route `/api/webhooks/shopify/inventory-update`. Validate HMAC signature. Parse payload for `inventory_item_id` and updated quantity. If new quantity > 0, fetch pending requests for the matching variant. 5. Execution Queue: When restock occurs, batch process requests. Fetch up to X requests where X = new inventory quantity (or process all if partial alerts allowed). Trigger transactional email via Resend API using a clean HTML template displaying product title, image, and direct URL to checkout. Update status to 'notified'. 6. Failure Modes: Handle inventory decreases (ignore), invalid emails, rate limiting on Resend (retry queue with backoff), and Shopify webhook retries (idempotency key based on update ID). Keep code clean, modular, and blunt.

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