Технологічний стек — як побудований TapoWise

Стек технологій

Прозорий погляд на технології за 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.

Ми обираємо наші інструменти так само, як будуємо наш продукт — навмисно, з турботою про довговічність та з упередженістю до технологій, що поважають як розробника, так і користувача.