TSavage101/Aeris

AI-powered multi-tenant ecommerce storefronts for African merchants, with onboarding, generated storefront previews, KoraPay checkout, orders, payouts, and merchant operations. # Aeris **GitHub description:** AI-powered multi-tenant ecommerce storefronts for African merchants, with onboarding, generated storefront previews, Kora-style checkout, orders, payouts, and merchant operations. Aeris is a hackathon MVP for helping African merchants launch credible online storefronts without hiring a developer or stitching together ecommerce infrastructure. A merchant enters business, payout, brand, and product details; Aeris generates a storefront preview; the merchant claims a slug; and customers can shop from a public storefront with cart, checkout, and order status. ## What This MVP Shows - Merchant landing page with Aeris product positioning. - Five-step merchant onboarding for business details, payout account, products, brand customization, and review. - Product entry with manual rows, add/remove behavior, bulk paste support, and Cloudinary-bucket upload framing. - Visual brand color selection with presets, native color picker, RGB sliders, and live preview. - Store generation progress screen and preview mode. - Claim flow with generated slug, regenerate action, and reserved-slug validation. - Merchant dashboard with store overview, product management, orders, payouts, settings, and responsive mobile drawer navigation. - Customer storefront at `/s/[slug]` with featured products, catalog, cart, checkout, and order status. - Core business rules for checkout fees, order transitions, payout eligibility, and AI-draft product labeling. ## Demo Flow 1. Open `localhost`. 2. Click `Start building`. 3. Complete onboarding through `/onboarding`. 4. Generate and preview the storefront. 5. Claim the store and publish it. 6. Visit the public storefront at `/s/terra-basket`. 7. Add a product to cart, checkout, and view the order status. 8. Return to the merchant dashboard from the order status page. ## Tech Stack - Next.js App Router - React - TypeScript - CSS custom properties using the Aeris Paper/Forest design system - Vitest for busi …