Blockchain2024
ELEVATEPROTOCOL
Next.js 13.5 marketing site plus auth-gated trading dashboard — Firebase, Radix UI, Framer Motion, Swiper.
2
Route-group surfaces
13
Next.js generation
10+
Radix primitives in UI
SCROLL
Next.js 13.5 marketing site plus auth-gated trading dashboard — Firebase, Radix UI, Framer Motion, Swiper.
DeFi team needed a public landing with carousels, motion, and rich media plus an auth-gated trading dashboard — prospects should feel the same visual language after they log in, not a bolted-on admin theme.
Next.js 13.5 App Router with route groups, server actions talking to Firebase for reads/writes, Radix UI + Tailwind + react-hook-form for dashboard density, and Framer Motion/Swiper scoped to marketing shells.
Route groups must isolate marketing vs dashboard layouts, Firebase server actions need clear session boundaries, and Radix primitives must stay accessible while Swiper/Framer add motion without layout shift.
(marketing) vs (dashboard) layouts with distinct nav and auth guards.
Server actions for secure reads/writes; client hooks only where necessary.
Radix + Tailwind for forms, dialogs, and data tables in the dashboard.
Framer Motion and Swiper carousels with performance budgets.
Middleware + Firebase session checks on dashboard segments.
Marketing and product dashboard live in one repo with shared tokens — faster iteration for a small team and no drift between the landing promise and the in-app components users actually trade against.
Marketing and product dashboard live in one repo with shared tokens — faster iteration for a small team and no drift between the landing promise and the in-app components users actually trade against.
Clean separation without multiple deployments or duplicated `_app` trees.
Server actions reduced client secret exposure versus a public REST shim.
Accessible building blocks for dense trading UI without fighting MUI bundle weight.
Motion libraries loaded only on marketing routes via dynamic imports to protect dashboard TTI.
We take on a small number of projects at a time. If the problem is hard, we're interested.