P R O J E K T YK O N T A K T

[14]

ARTFUL CANVAS / OBJET

TIER C · ROK 2026 · STATUS: DZIAŁA · JĘZYKI: TYPESCRIPT

Social-commerce w stylu Pinteresta — TanStack Start + Supabase

[FIG. 1] MISJA

Social-commerce dla obiektów designu (marka „Objet”) w stylu Pinteresta: tablice do zapisywania rzeczy z inteligentnym SaveChip (sugestie tablic po heurystyce tagów, long-press, double-tap, kamienie milowe), profile z edycją inline, obserwowanie, wiadomości z załącznikami, notyfikacje, koszyk i wystawianie własnych przedmiotów. Zbudowany świadomie na INNYM stacku niż Ferment — TanStack Start + TanStack Router + React Query na Vite 7 (plugin Cloudflare), backend Supabase z migracjami marketplace. Boardy trzymane w zustand/persist z zaprojektowaną ścieżką migracji na backend (podmiana store'a, hooki API bez zmian). Materiał do rozmowy o trade-offach Next.js vs TanStack.

[FIG. 2] ARCHITEKTURA

najedź na blok, by zobaczyć opis

[FIG. 2A] ŻYWY SAVECHIP

KLIKNIJ KAFEL — HEURYSTYKA TAGÓW PODPOWIE TABLICĘ

47 ZAPISÓW

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

najedź na wiersz — konsekwencja decyzji architektonicznej

[FIG. 3] WYZWANIA

[+][CH-01]

Ten sam cel co Ferment, świadomie inny stack (TanStack Start + Cloudflare zamiast Next.js) — realne porównanie trade-offów architektonicznych.

[+][CH-02]

Dopracowany, wielotrybowy mikro-UX zapisu — chip z sugestiami po tagach, long-press/double-tap/klawiatura, kamienie milowe, auto-dismiss z resetem timera, świadomość reduced-motion.

[+][CH-03]

Architektura pod migrację — boardy w zustand/persist za hookami API tak, że przejście na backend nie rusza UI.

[FIG. 4] WARSTWA AI

AI W PRODUKCIE: BRAK — inżynieria klasyczna, AI-native proces buildu.

[FIG. 5] GALERIA

SCREENY W DRODZE — patrz SHOTS-WANTED

[FIG. 6] STACK & LINKI

TANSTACK STARTTANSTACK ROUTERREACT QUERYVITE 7CLOUDFLARESUPABASEZUSTAND/PERSISTFRAMER-MOTION
[ZASTRZEŻONE — PROJEKT KLIENCKI]