P R O J E C T SC O N T A C T

[14]

ARTFUL CANVAS / OBJET

TIER C · YEAR 2026 · STATUS: LIVE · LANGUAGES: TYPESCRIPT

Pinterest-style social commerce — TanStack Start + Supabase

[FIG. 1] MISSION

A Pinterest-style social commerce for design objects (the „Objet” brand): boards to save things with a smart SaveChip (tag-heuristic board suggestions, long-press, double-tap, milestones), inline-editable profiles, follows, messaging with attachments, notifications, a cart and listing your own items. Built deliberately on a DIFFERENT stack from Ferment — TanStack Start + Router + React Query on Vite 7 (Cloudflare plugin), Supabase backend with marketplace migrations. Boards live in zustand/persist with a designed backend-migration path (swap the store, keep the API hooks). Material for a Next.js vs TanStack trade-off discussion.

[FIG. 2] ARCHITECTURE

hover a block to see its description

[FIG. 2A] THE LIVE SAVECHIP

CLICK A TILE — TAG HEURISTICS SUGGEST A BOARD

47 SAVES

NEXT.JS (FERMENT) vs TANSTACK START (OBJET)

NEXT.JSTANSTACK START
ROUTINGApp Router (konwencje)TanStack Router
RENDERRSC na VerceluVite 7 + Cloudflare
STANserver actions + DBzustand/persist
DANEtRPC + PayloadTanStack Query + Supabase

hover a row — the consequence of the architectural choice

[FIG. 3] CHALLENGES

[+][CH-01]

The same goal as Ferment on a deliberately different stack (TanStack Start + Cloudflare instead of Next.js) — a real architectural trade-off study.

[+][CH-02]

A polished multi-modal save micro-UX — a tag-suggestion chip, long-press/double-tap/keyboard, milestones, auto-dismiss with timer reset, reduced-motion aware.

[+][CH-03]

A migration-ready architecture — boards in zustand/persist behind API hooks so moving to a backend doesn't touch the UI.

[FIG. 4] AI LAYER

AI IN THE PRODUCT: NONE — classic engineering, AI-native build process.

[FIG. 5] GALLERY

SCREENSHOTS INCOMING — see SHOTS-WANTED

[FIG. 6] STACK & LINKS

TANSTACK STARTTANSTACK ROUTERREACT QUERYVITE 7CLOUDFLARESUPABASEZUSTAND/PERSISTFRAMER-MOTION
[RESTRICTED — CLIENT PROJECT]