brianonbased-dev/BaseAppShop
Folders and files
| Name | Name | Last commit date | ||
|---|---|---|---|---|
| Name | Name | Last commit date | ||
|---|---|---|---|---|
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.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