Affiliate Website preview 1

Affiliate Website

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

Website DraftLanding PageAvailableRp 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)
Demo

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

  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.

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

Rp 14.000

Preview of GoodWearpack Supplier Website
Website DraftLanding PageAvailable

GoodWearpack Supplier Website

Global B2B supplier website draft for industrial wearpack, safety workwear, and RFQ-first procurement flows.

Next.js 16 (App Router)React 19TypeScriptnext-intl (7 locales, RTL)Tailwind CSS 4+1

Rp 14.000

Preview of Travel Umroh Website
Website DraftLanding PageAvailable

Travel Umroh Website

Travel landing draft for Umroh packages, inquiry flow, itinerary content, and trust sections.

Vite 6React 19Express 4TypeScriptTailwind CSS 4+3

Rp 14.000