Affiliate Website
Affiliate catalog draft for curated products, multi-link comparison, disclosure-ready content, and admin-managed landing pages.
Description
Mobile-first affiliate product-directory for Indonesian shoppers. Visitors discover curated best-value products and compare affiliate links across TikTok Shop, Tokopedia, Shopee, and custom platforms. The site doesn't process transactions itself — it redirects to marketplace affiliate links and tracks clicks. Built with a dark glassmorphism UI and a real, working product directory (filter, search, compare); the admin screens are Stitch design mockups, not a functional backend.
What Already Works
- Product directory with filter, search, and compare
- Product detail pages with specs, pros/cons, and affiliate links
- Category listing pages
- Compare tray and saved products (client-side state)
- Products and categories API routes
- Demo walkthrough navigator (landing → directory → product detail → admin)
What's Included
- Full source code
- Flat-file seed data (products, categories, blog posts)
- Admin screen design mockups (Stitch export)
- Draft Supabase schema for a future real backend
- README and setup guide
- License
How to Run
- Unzip the source and run npm install.
- Copy .env.example to .env.local.
- Run npm run dev and open http://localhost:3000 — db.json ships with the repo already seeded.
- To tour the admin screens, set DEMO_MODE=true and NEXT_PUBLIC_DEV_AUTH_BYPASS=true (read the included DEMO-MODE-WARNING.md first).
- For real production use: connect a real database (a draft Supabase schema is included), replace the flat-file storage layer, and wire real authentication.
Continuation Notes
- Admin screens are design previews only — don't advertise this as a working admin panel until a real backend is wired in.
Known Limitations
- Data is read/written from a flat db.json file — writes (admin edits, click tracking) do NOT persist on serverless hosting like Vercel; works locally only
- Admin screens (/admin, /admin/blog, /admin/links, /best) are static design mockups, not a functional admin backend
- Admin access is a bypass flag only, not a real login/auth system
- Multi-language settings exist but the translation runtime isn't installed — the site is English-only in practice
- Still needs human or developer review before shipping
Related Drafts
GoodWearpack Supplier Website
Global B2B supplier website draft for industrial wearpack, safety workwear, and RFQ-first procurement flows.
Travel Umroh Website
Travel landing draft for Umroh packages, inquiry flow, itinerary content, and trust sections.
Palmora CPO — Palm Oil Supply Chain 3D Landing Page
Bilingual cinematic landing page for a palm-oil supply-chain brand, built on a fully procedural Three.js 3D scene with scroll-linked camera choreography.