Building Tokimo with Next.js

·Tokimo Team
engineeringnextjs

Building a modern SaaS product means making countless technology decisions. Here's a look at the stack behind Tokimo and why we made the choices we did.

Our Stack

Tokimo is built on a few core technologies:

  • Next.js — Server components, app router, and edge-ready deployment
  • Supabase — Postgres database, auth, and real-time subscriptions
  • Tailwind CSS — Utility-first styling with a custom design system
  • pnpm monorepo — Shared packages across multiple products

Why Next.js

We chose Next.js for its balance of developer experience and production performance. Server components let us keep sensitive logic on the server while delivering fast, interactive UIs.

ℹ️

Tokimo runs on Next.js 16 with Turbopack for fast local development.

Monorepo Architecture

Rather than building everything in one app, we split shared functionality into packages:

  1. ui-web — Reusable component library based on shadcn/ui
  2. marketing-web — Shared marketing pages (pricing, about, terms, etc.)
  3. content-web — MDX-powered blog and news system
  4. icons — Shared icon set

This approach lets us ship multiple products while keeping code DRY.

What's Next

We're continuing to invest in developer tooling and infrastructure. Stay tuned for more posts about our approach to testing, deployment, and performance optimization.