inmydraft
Affiliate Website

Affiliate Website

Affiliate catalog draft for curated products, multi-link comparison, disclosure-ready content, and admin-managed landing pages.

Website DraftAvailableLanding PageRp 14.000IntermediateUpdated 2026-07-09Next.js 16 (App Router), React 19, TypeScript, Tailwind CSS 4 (Material Design 3 tokens), flat-file JSON storage, React Context (compare tray)
عرض تجريبي

الوصف

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.

ما يعمل بالفعل

  • 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)

ما هو مُدرج

  • 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

طريقة التشغيل

  1. Unzip the source and run npm install.
  2. Copy .env.example to .env.local.
  3. Run npm run dev and open http://localhost:3000 — db.json ships with the repo already seeded.
  4. To tour the admin screens, set DEMO_MODE=true and NEXT_PUBLIC_DEV_AUTH_BYPASS=true (read the included DEMO-MODE-WARNING.md first).
  5. For real production use: connect a real database (a draft Supabase schema is included), replace the flat-file storage layer, and wire real authentication.

ملاحظات المتابعة

  • Admin screens are design previews only — don't advertise this as a working admin panel until a real backend is wired in.

القيود المعروفة

  • 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
Preview of Bricket Export Website
Website DraftLanding PageAvailable

Bricket Export Website

Multi-language coconut charcoal export website draft for B2B quote requests, product specs, OEM/private-label positioning, and trust-heavy buyer flows.

Next.js 14React 18TypeScriptSanity CMS (client)next-intl (7 locales, RTL)+4