sheet 04 · 2025–Now

adsVase Platform

A social advertising platform: feed, reels, realtime chat and AI-assisted creation.

Role: Founding Frontend, adsVase · Building
Built with: Next.js 16 · React 19 · TanStack Query · Socket.IO

adsVase — Home: the feed, its rail and the shell that holds them

Create: the ad composer, with Adora on the copy fields

Messages: realtime threads, in the dark scheme

§01Overview

A 52-route App Router application plus the admin console the team runs it with: feeds, discovery, a reel composer, direct messages and an in-house AI assistant. Shipping something media-heavy and social-grade with a small distributed team means creation flows that cannot lose work, and auth solid enough to bill advertisers on.

§02Architecture, and why

A design system of 37 custom primitives
Radix with variant-driven styling instead of an off-the-shelf kit, so every surface assembles from the same audited parts.
Composer steps as isolated modules
Each of the wizard's three steps owns its state and validation, so new ad formats slot in without touching the shell.
Parallel and intercepted routes for overlays
Comments open as a modal over the feed, and the same URL renders as a full page when it is shared.
A BFF proxy layer in route handlers
Uploads and authenticated calls stream through route handlers, so the browser never holds a direct line to the API.
Hardened Auth.js session layer
Refresh sixty seconds early, user-ID pinning that kills mismatched sessions, and environment-scoped cookies so staging cannot poison production.

§03Engineering highlights

Drafts that survive anything
A two-layer autosave debounces composer state and image files into localStorage against an explicit quota budget.
One video player, two engines
A single hook drives native video and the YouTube IFrame API identically, down to polling for the updates YouTube omits.
Realtime, frugally
Two singleton sockets survive token rotation without reconnecting, and reel views batch into one flush per session.
Adora AI, everywhere it helps
The assistant writes ad copy, enhances bios and suggests replies through dedicated server actions, not a bolted-on widget.
An ops console to match
A second app for moderation, audit log, user management and dashboards, so operating the platform never means opening the database.
A CI gate that boots the real app
Every merge lints, builds, then starts a production server and probes live routes.

§04Impact

2x: faster feature rollout on the shared design system
52: routes across the consumer app
37: design-system primitives powering every surface

next sheet

adsVase Mobile

The native companion: reel editor, realtime chat and AI on the go.

adsVase Platform

Terracotta No. 4, back in the shop

Recommended Vases

Spring glazes

Studio seconds

Field notebooks, restocked

Terracotta No. 4, back in the shop

Recommended Vases

Spring glazes

Studio seconds

Field notebooks, restocked

§01Overview

§02Architecture, and why

A design system of 37 custom primitives

Composer steps as isolated modules

Parallel and intercepted routes for overlays

A BFF proxy layer in route handlers

Hardened Auth.js session layer

§03Engineering highlights

Drafts that survive anything

One video player, two engines

Realtime, frugally

Adora AI, everywhere it helps

An ops console to match

A CI gate that boots the real app

§04Impact