System overview
Wonder Port Hobbies
Invoice and system details for the platforms we're building.
System overview
Wonder Port Hobbies runs on a single shared platform designed to support multiple experiences without duplicating infrastructure. Each site has its own purpose and audience, while all data, logic, and operations remain centralized.
Frontend layer
Three independent websites, each tailored to a different audience, all powered by the same backend.
- Altitude — The internal and B2B control surface. Used for administration, inventory, orders, and operational workflows.
- WonderPort Hobbies — The main customer storefront. Where users browse products, place orders, and interact with the core brand.
- BlindBox — A themed, curated experience built on the same data. Different presentation layer without changing how products, users, or orders work underneath.
Built with Next.js and Tailwind for consistency and performance.
Backend layer
Shared API and business logic: all three sites communicate with a single backend that owns validation, permissions, and workflows. This guarantees consistent behavior across every experience.
Powered by JStack using Hono, typed procedures, and Drizzle ORM.
Database layer
Single source of truth: a shared Neon PostgreSQL database stores all users, products, orders, and system data. This avoids duplication, sync issues, and reporting gaps while keeping all platforms in lockstep.
Serverless PostgreSQL via Neon.
This architecture allows us to ship multiple experiences quickly while keeping data integrity, operational control, and long-term scalability intact.