PickArt: Art-Hospitality Marketplace Platform

PickArt hangs curated art in hotels and lets guests buy the piece they're looking at. A three-sided marketplace: hosts get free curation, artists get a new sales channel, guests take art home.

Physical placement meets digital commerce. Scan a QR code to discover a piece, buy it, and receive automated PDF documents that handle legal ownership transfer.

Three-Sided Marketplace

Three user groups, one ecosystem:

Technical Architecture

Rendering Strategy

Each page uses the rendering mode that fits it:

• SSG: galleries and property pages pre-render for fast loads
• ISR: static content refreshes when artwork status changes
• SSR: admin platform and real-time data render on demand

Database Design

• Relational model: artists, artworks, properties, spots, orders, and QR codes, richly linked
• Artwork lifecycle: Draft → Approval → Allocation → Live → Sold
• Audit trails: every order event logged for legal compliance
• Multi-address: separate billing and shipping addresses

QR Code Integration System

Every artwork placement gets a unique QR code. On scan:

• Full details and provenance load instantly
• Location context frames the discovery
• Checkout stays in one flow
• Real-time inventory prevents overselling

Dynamic Pricing & Logistics

• Multi-currency: CHF, EUR, USD with real-time conversion
• Shipping: costs computed from artwork dimensions and destination
• Take-home: instant ownership transfer for on-site pickup
• International compliance: automated customs docs and tax handling

Automated Document Generation

Every purchase triggers legally compliant paperwork:

• Release vouchers: transfer documents, 6 types by purchase method and tax status
• Authenticity certificates: artist-signed provenance
• Customs declarations: international shipping compliance

All rendered as formatted PDFs via React PDF, populated dynamically.

Platform Management

Multi-Role Access Control

• Artists: upload, status tracking, sales analytics
• Property hosts: spot management, allocation preferences, revenue tracking
• Platform admins: full oversight, approval workflows, analytics dashboard

Allocation System

Artwork matches property automatically on four axes:

• Dimensions: fits the designated space
• Style: aligns with property aesthetics
• Price range: matches guest demographics
• Availability: real-time tracking prevents conflicts

Order Management

• Workflow: Pending → Processing → Shipped → Delivered
• Notifications: email updates to every stakeholder at each step
• Stripe: secure payments with webhook-driven status updates
• Refunds: artwork status reverts automatically

International Accessibility

Next-intl Implementation

• Three languages: English, German, Italian, fully translated
• Static generation: every language variant pre-rendered
• Dynamic metadata: SEO per locale and artwork
• Type-safe translations: TypeScript catches missing keys

Cultural Localization

• Currency: conversion and formatting by user location
• Legal: country-specific terms and privacy policies
• Shipping: international delivery coverage
• Content: localized copy and imagery per market

Technology Stack

Frontend

• Next.js 15 - app router with server components
• TypeScript - end-to-end type safety
• Tailwind CSS v4 & Shadcn/UI - utility-first styling, accessible components
• Next-intl - localization with static generation

Backend & Data

• Supabase - PostgreSQL with real-time and storage CDN
• Drizzle ORM - type-safe queries and migrations
• TanStack Query - client-side state and caching

Business Logic

• Stripe - payments with full webhook handling
• React PDF - dynamic legal-document generation
• Resend - transactional email via React components
• QR codes - physical-to-digital discovery

Development Excellence

Type Safety & Validation

• TypeScript: end to end, database schema to components
• Zod: runtime checks on all inputs and API responses
• Drizzle ORM: type-safe queries, schema generated automatically
• Strict ESLint: enforces consistency

Performance & Security

• Server components: Next.js 15 app router
• Row-level security: users reach only their own data
• PCI compliance: payments validated via webhooks
• GDPR compliance: privacy controls and data protection

Platform Impact

PickArt builds a new market by solving one problem for three groups at once. The architecture scales while absorbing the complexity of a multi-sided marketplace.

It carries the hard parts of full-stack work end to end: automated legal documents, three-language localization, type safety, and performance, across the whole app.