GitHub - brianonbased-dev/BaseAppShop: Brian Shopify store for Base App

Brian X Base Store - Mini App\n\n🛍️ A Farcaster Mini App for Brian's health supplements store with crypto payments\n\nBuilt with Next.js 15, OnchainKit, and Shopify Storefront API. Features Brian's exact brand styling and accepts USDC payments on Base.\n\n## ✨ Features\n\n- 📱 Mobile-optimized product browsing in Farcaster/Base App\n- 🎨 Brand consistent with Brian's store design system \n- 💳 Crypto payments via OnchainKit (USDC on Base)\n- 🛒 Smart cart with quantity management\n- 🔗 Social sharing with built-in Frame capabilities\n- ⚡ Fast loading with optimized Shopify integration\n\n## 🚀 Quick Start\n\n1. Install: npm install\n2. Configure: Add Shopify tokens to .env (see SETUP.md)\n3. Develop: npm run dev\n4. Deploy: npx vercel\n\nSee SETUP.md for detailed configuration instructions.\n\n## 🔧 Tech Stack\n\n- Framework: Next.js 15 with App Router\n- UI: React 19 + TailwindCSS + Brian's Assistant font\n- Blockchain: OnchainKit + MiniKit for Base integration\n- E-commerce: Shopify Storefront API\n- Payments: OnchainKit Checkout (USDC)\n- Deployment: Vercel (recommended)\n\n## 🧪 Current Setup Status\n\n✅ Styles: Integrated Brian's Assistant font + 5 color schemes \n✅ Base Mini App: MiniKit + OnchainKit configured \n✅ Shopify Integration: Storefront API ready \n✅ Crypto Payments: OnchainKit Checkout component \n✅ UI Components: Product grid, cart, checkout flow \n\n⚠️ Needs Configuration:\n- Shopify API tokens (see .env file)\n- Merchant wallet address for USDC payments\n- Farcaster manifest signing (after deployment)\n\n## 📝 What You Have vs Need\n\n✅ You Have:\n- Storefront Access Token: d26f8418... (for browsing products)\n- Webhook Secret: b39b1f39... (for webhook verification)\n- Store Domain: brian-store.myshopify.com (needs verification)\n\n❓ Optional:\n- Admin API Access Token (only needed for order management)\n\n## 🛠️ Next Steps\n\n1. Test Shopify: Run npm run dev and check console logs\n2. Add wallet: Set merchant address in .env\n3. Deploy: Get live URL with npx vercel\n4. Configure: Sign Farcaster manifest\n5. Launch: Test in Base App/Farcaster\n\n---\n\nBuilt for the Base ecosystem 🔵\n