技术栈

透明地了解 TapoWise 背后的技术 — 从编辑器到云端的每一层。

Frontend & UI

The core technologies powering the user interface — from rendering to interaction design.

React 19

The latest React with concurrent features, server components support, and compiler-level optimizations.

核心技术

Next.js

Powers our web presence with App Router, ISR, and edge-optimized rendering across 12 locales.

核心技术

Tailwind CSS 4

Utility-first CSS with the new Oxide engine — zero-config, lightning fast, beautifully expressive.

核心技术

Radix UI

Unstyled, accessible component primitives — dialogs, menus, popovers, tooltips — built right.

Framer Motion

Production-grade animation library for React. Every transition, gesture, and scroll effect runs through it.

next-intl

Full internationalization for Next.js — routing, message formatting, and locale management for 12 languages.

Editor & Content

The engine behind our block-based editor, Markdown pipeline, and rich text experience.

Tiptap

Headless, extensible rich-text editor framework based on ProseMirror. The heart of our block editor.

核心技术

Marked

Fast Markdown parser and compiler. Handles the raw Markdown ↔ HTML pipeline for import/export.

Highlight.js

Syntax highlighting for 40+ languages inside code blocks — from TypeScript to Rust to SQL.

Data & State

How we manage data locally, sync it across devices, and keep everything reactive.

WatermelonDB

Local-first, reactive database built for performance. Handles tens of thousands of notes without breaking a sweat.

核心技术

Supabase

Open-source backend for auth, real-time subscriptions, and cloud storage. Powers TwiceSync's server layer.

核心技术

Zustand

Tiny, fast state management with zero boilerplate. Stores UI state, preferences, and session data.

RxJS

Reactive extensions for event streams, real-time sync pipelines, and complex async orchestration.

Zod

TypeScript-first schema validation. Every API payload, form input, and config file is validated through Zod.

Desktop & Platform

What makes TapoWise a native desktop application with full system-level access.

Electron

Cross-platform desktop framework. Gives TapoWise full access to the file system, native menus, and OS integration.

核心技术

Sharp

High-performance image processing — resizing, compression, and format conversion for vault assets.

Chokidar

File system watcher that detects external changes to your vault files in real time.

Visualization & Graphics

Technologies driving the knowledge graph, 3D elements, and interactive visual layers.

Sigma.js

WebGL-powered graph rendering engine. Draws the interactive knowledge graph with thousands of nodes at 60fps.

核心技术

Graphology

Graph data structure and algorithms library. ForceAtlas2 layout, clustering, and traversal behind the knowledge graph.

Three.js

3D rendering library for WebGL. Powers immersive visual elements and experimental 3D views.

AI & Automation

The intelligence layer — from semantic search to workflow automation.

Claude

Anthropic's AI model — powering semantic search, intelligent suggestions, and content understanding.

核心技术

Gemini

Google's multimodal AI. Used for vision tasks, image understanding, and alternative model routing.

n8n

Open-source workflow automation. Orchestrates background pipelines, notifications, and data processing.

Infrastructure & Cloud

The services and platforms that keep everything running, deployed, and secure.

Vercel

Edge-first deployment platform. Every push to main is live globally in seconds.

核心技术

Cloudflare

CDN, DDoS protection, and edge computing. Shields and accelerates everything between users and servers.

Sentry

Error monitoring and performance tracing. Catches crashes, slow queries, and regressions before users do.

Resend

Developer-first email API. Powers transactional emails — auth, billing, and notifications — with React templates.

Developer Tooling

The tools our team uses daily to build, test, and ship with confidence.

TypeScript

Strict TypeScript across the entire monorepo — client, desktop, shared libs, and API. Zero `any`.

核心技术

Vite

Next-gen build tool for the client app. Instant HMR, blazing builds, native ESM-first architecture.

核心技术

Vitest

Vite-native test runner. Unit, integration, and component tests — fast, parallel, and TypeScript-first.

Biome

All-in-one linter, formatter, and code analyzer. Replaced ESLint + Prettier with a single, faster tool.

Playwright

End-to-end testing across browsers. Critical user flows are tested on every commit.

Linear

Issue tracking and project management built for modern software teams. Every bug, feature, and sprint lives here.

我们选择工具的方式与构建产品的方式相同 — 有意地，关注长久性，并偏向于尊重开发者和用户的技术。