TNTStack

Tech Stack

Technologies, versions, and the reasoning behind each choice.

Web

TechnologyVersionRole
Next.js16App Router, SSR for web, static export for native
React19UI rendering
TypeScript5.9Strict type safety across every package

Next.js handles both sides of this stack. The web app runs with SSR and middleware. The native app uses output: "export" to produce static HTML that Tauri loads into a webview. Same framework, different output modes.

Native

TechnologyVersionRole
Tauri2Desktop and mobile runtime (Rust core + system webview)
RuststableNative backend, IPC commands
serde1JSON serialization for IPC payloads

Tauri delegates rendering to the OS-native webview instead of bundling Chromium, significantly reducing the final binary footprint.

Styling

TechnologyVersionRole
Tailwind CSS4Utility-first CSS with @theme and native CSS variables
shadcn/uilatestCopy-paste Radix UI components, new-york style
Radix UIvariousAccessible, unstyled primitives (dialog, dropdown-menu, select, etc.)
Motion12Animations (landing page transitions, staggered reveals)
Lucide0.577Icon set
cmdk1.1Command palette (⌘K menu)
Vaul1.1Drawer component
Sonner2Toast notifications

Tailwind v4 dropped the JS config file. Themes are now pure CSS custom properties scoped by data-theme attributes, which drives the dynamic theme architecture.

State & Data

TechnologyVersionRole
Zustand5Client state (theme, sidebar, UI toggles)
Zod4Schema validation
next-themes0.4Light/dark/system mode switching
react-hotkeys-hook5.2Keyboard shortcut bindings

Internationalization

TechnologyVersionRole
next-intl4.9Routing, middleware, useTranslations, message loading

Wrapped in @workspace/i18n so both apps share the same locale config, messages, and navigation helpers. Type-safe keys via module augmentation.

PWA

TechnologyVersionRole
Serwist9.5Service worker, precaching, runtime caching

Documentation

TechnologyVersionRole
Fumadocs16Docs framework (MDX processing, search, sidebar, i18n)
fumadocs-mdx14Build-time MDX content pipeline
Mermaid11Diagrams in MDX

Infrastructure

TechnologyVersionRole
Turborepo2.9Monorepo task orchestration with dependency-aware caching
pnpm10Package manager (workspaces, strict hoisting)
ESLint9Linting (flat config, shared presets)
Prettier3.8Code formatting
prettier-plugin-tailwindcss0.7Automatic Tailwind class sorting
GitHub ActionsCI/CD (PR checks, desktop/Android builds)
Release PleaseConventional Commits-based versioning and changelogs

CLI

TechnologyVersionRole
Commander14Argument parsing
@clack/prompts1.1Interactive prompts
giget3.1Downloads the latest source from GitHub
tsup8Bundles the CLI to a single file

The scaffolding CLI (@tntstack/create-app) is independently versioned and published to npm.

On this page