Rogue Store
Overview
Rogue Store is a demo e-commerce storefront built as a test bed for CROW integrations. It serves as the reference implementation for the Web SDK and demonstrates how CROW tracks customer interactions on a live website. The store is branded as "Rogue Fashion" — a Sri Lankan fashion retailer.
Architecture
- Framework: Next.js 15 with App Router
- Hosting: OpenNext on Cloudflare Workers
- Styling: Tailwind CSS v4, Radix UI, Framer Motion
- State: Zustand for cart management
- CROW Integration:
@b3-crow/website-hook-sdkinstalled and tracking all user interactions
Key Features
- Product catalog with 26 products (clothing, accessories, bags, gift sets)
- Product filtering by category
- Shopping cart with persistent storage
- Product variants (size, color)
- Checkout flow
- Responsive design with dark mode
- LKR (Sri Lankan Rupee) pricing
- Fully instrumented with CROW Web SDK
Live Instances
| Environment | URL |
|---|---|
| Production | rogue.crowai.dev |
Tech Stack
| Technology | Purpose |
|---|---|
| Next.js 15 | App framework |
| React 19 | UI library |
| Tailwind CSS v4 | Styling |
| Radix UI | Accessible components |
| Zustand | State management |
| Framer Motion | Animations |
| OpenNext | Cloudflare Workers hosting |
Deployment
npx next build && npx opennextjs-cloudflare build && npx wrangler deploy
Docker
docker run -p 3000:3000 bitbybitb3/rogue-store:latest
Resources
- GitHub: CROW-B3/rogue-store
- Docker Hub: bitbybitb3/rogue-store