GiftMuse (Nuklaas) — AI-Powered Gift Discovery Platform
GiftMuse (branded publicly as Nuklaas) is a consumer gift discovery platform that combines a curated product & experience catalog, a structured gift finder quiz, and an AI-powered gift concierge.
Built with React + Supabase + Edge Functions, the platform blends SEO-driven content with intelligent recommendations and secure AI integration.
Tech Stack
Frontend
React 18 + TypeScript
Vite 6
React Router
Tailwind CSS v4
Radix UI + custom component layer
Motion (UI animations)
react-markdown + DOMPurify (safe blog rendering)
Backend / Platform
Supabase (Postgres, Auth, Storage)
Supabase Edge Functions (AI proxy + sitemap generation)
reCAPTCHA v3
Rate limiting (client + server safeguards)
SEO & Growth
Dynamic meta tags
Build-time sitemap generation
On-demand sitemap regeneration
Canonical URLs + security headers
Gift Types
Physical Page
Experience Page
What the Product Does
All Product Page
All Experience Page
For Visitors (No Login Required)
Browse trending gifts, physical products, and experiences
Filter by category and subcategory
View SEO-optimized product detail pages with affiliate links
Use universal search (Cmd/Ctrl + K)
Take a structured Gift Finder Quiz
Chat with the GiftMuse AI concierge
Save items to a wishlist (localStorage-based)
Read blog articles for SEO traffic and inspiration
AI Concierge (GiftMuse)
GiftMuse in action
GiftMuse is an in-app assistant that helps users choose the right gift through guided conversation.
How it works:
Collects recipient context (relationship, age, interests, occasion, budget)
Retrieves relevant products from Supabase
Uses OpenAI or Gemini (via Edge Function proxy) to rank and refine results
Applies rate limiting and reCAPTCHA for abuse prevention
Security-first design:
AI keys are never exposed to the browser. All AI requests are routed through Supabase Edge Functions.
Admin System (Operational Backend)
Admin Page
A gated admin dashboard allows non-technical management of the platform:
Full Product CRUD (images, tags, affiliate links, age filters, PHYSICAL vs EXPERIENCE)
Category, subcategory, and location management
Blog authoring and publishing
Retailer logo and event banner management
AI provider switching (OpenAI / Gemini)
Sitemap regeneration (Edge Function)
Admin access is enforced via Supabase Auth + RLS policies.
Architecture Highlights
Typed Supabase API wrapper for clean data access
AI abstraction layer to support multiple providers
Edge Function proxy pattern for secure key handling
Role-based access control using RLS
Lazy-loaded routes for performance
Draft autosave + fallback storage for resilience
Strengths
Secure AI integration (no exposed API keys)
Fully operational admin tooling (content can be updated without redeploy)
SEO-ready structure with automated sitemap workflows
Structured quiz + AI hybrid recommendation logic
Practical UX resilience (autosave, fallbacks, rate limiting)
What I Built
Designed and implemented the full frontend architecture
Built the Supabase-backed admin dashboard
Implemented AI proxy infrastructure via Edge Functions
Designed the gift quiz + AI ranking logic
Set up SEO automation (dynamic meta tags + sitemaps)
Implemented security headers, RLS policies, and abuse safeguards
Business Model
Affiliate monetization (tracked click events)
SEO-driven organic acquisition
AI-assisted conversion optimization
Product Detail Page
Product Details Page Continued
Experience
Blog
0 likes · 18 views · Feb 23, 2026
Developed Nuklaas, an AI gift recommender via GiftMuse chatbot. Utilizes OpenAI and Gemini.
