Can I vibe code Clicksit?

Build a full-stack self-service returns portal for a Shopify store using Next.js (App Router), TypeScript, Tailwind CSS, and Supabase.

1. CUSTOMER LOOKUP & AUTHENTICATION
- Public page `/returns` with a form asking for Order Number (e.g., #1001) and Order Email.
- Fetch order details using Shopify Admin GraphQL API.
- Validate eligibility: verify order was placed within 30 days, status is fulfilled, and items are not marked non-returnable.

2. ITEM SELECTION & REASON
- Render line items with product titles, thumbnails, variants, and original quantities.
- Allow selecting quantities per item to return.
- Require selecting a return reason from a fixed dropdown ('Defective', 'Wrong Size', 'Not as Pictured') and an optional photo upload input (store images in Supabase Storage).

3. LABEL GENERATION & EMAIL
- Integrate Shippo REST API using the `@goshippo/node-client` package.
- Upon form submission, create a return shipment object in Shippo using the customer address as origin and hardcoded warehouse address as destination.
- Purchase a pre-paid return label and store the label PDF URL and tracking number in Supabase.
- Use Resend API to send an automated confirmation email to the customer with the return label PDF link and return instructions.

4. ADMIN DASHBOARD
- Protected route `/admin` using NextAuth.
- Display return requests in a searchable data table (Filter by: Pending, Label Generated, Received, Refunded).
- Provide manual action buttons to approve return, trigger full/partial refund via Shopify Admin API, or cancel request.

5. TECHNICAL REQUIREMENTS & EDGE CASES
- Handle Shippo address validation errors gracefully by asking customer to confirm standard USPS address format.
- Webhook endpoint at `/api/webhooks/shippo` to update return tracking status to 'in_transit' and 'delivered' upon carrier updates.
- Store return records in PostgreSQL with schema: id, order_id, customer_email, line_items, status, label_url, tracking_number, created_at.
- Out of scope: physical store drop-off QR codes, automated restocking fee calculations.

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