Teable: Deep Dive Tutorial

May 11, 2026 · View on GitHub

Project: Teable — A high-performance, multi-dimensional database platform built on PostgreSQL with real-time collaboration.

Stars License: AGPL v3 TypeScript

Why This Track Matters

Teable combines the power of PostgreSQL with a collaborative spreadsheet interface, offering teams a scalable no-code database that doesn't sacrifice data integrity or query performance for usability.

This track focuses on:

  • building on PostgreSQL with Teable's schema management and query system
  • implementing real-time collaborative editing with WebSocket consistency
  • generating and consuming REST and GraphQL APIs from Teable tables
  • deploying and scaling Teable with Docker for production workloads

What Is Teable?

Teable is a high-performance, multi-dimensional database platform that combines the power of PostgreSQL with a spreadsheet-like UI. It supports real-time collaboration, complex data relationships, and advanced querying — offering a scalable alternative to Airtable built on proven database technology.

FeatureDescription
PostgreSQL NativeBuilt directly on PostgreSQL for performance and reliability
Multi-DimensionalGrid, kanban, gallery, form, and calendar views
Real-Time CollabWebSocket-based collaborative editing with conflict resolution
Advanced QueriesComplex filters, aggregations, cross-table relationships
REST & GraphQLAuto-generated APIs with schema validation
Self-HostedDocker deployment with horizontal scaling

Mental Model

graph TB
    subgraph Frontend["Next.js Frontend"]
        GRID[Grid View]
        KANBAN[Kanban View]
        FORM[Form View]
        GALLERY[Gallery View]
    end

    subgraph Backend["NestJS Backend"]
        API[REST / GraphQL API]
        REALTIME[WebSocket Engine]
        QUERY[Query Builder]
        AUTH[Auth & RBAC]
    end

    subgraph Data["Data Layer"]
        PG[(PostgreSQL)]
        REDIS[(Redis Cache)]
        S3[Object Storage]
    end

    Frontend --> Backend
    Backend --> Data

Chapter Guide

ChapterTopicWhat You'll Learn
1. System OverviewArchitectureTeable's position in the database ecosystem
2. Database ArchitectureData LayerPostgreSQL schema, storage engines, indexing
3. Setup EnvironmentDevelopmentComplete development stack configuration
4. API DevelopmentAPI LayerREST/GraphQL contracts and validation patterns
5. Realtime CollaborationCollaborationWebSocket events and multi-user consistency
6. Query SystemQueryingView-driven query planning and optimization
7. Frontend ArchitectureUI LayerDynamic view rendering and state boundaries
8. Production DeploymentOperationsDeployment hardening, scaling, and observability

Tech Stack

ComponentTechnology
BackendNestJS, TypeScript
FrontendNext.js, React
DatabasePostgreSQL
CacheRedis
Real-TimeWebSockets
DeploymentDocker Compose

Ready to begin? Start with Chapter 1: System Overview.


Built with insights from the Teable repository and community documentation.

Full Chapter Map

  1. Chapter 1: System Overview
  2. Chapter 2: Database Architecture
  3. Teable Development Environment Setup
  4. Chapter 4: API Development
  5. Chapter 5: Realtime Collaboration
  6. Chapter 6: Query System
  7. Chapter 7: Frontend Architecture
  8. Chapter 8: Production Deployment

Current Snapshot (auto-updated)

What You Will Learn

  • how Teable uses PostgreSQL as its native storage layer with schema management and indexing
  • how WebSocket-based real-time collaboration handles multi-user consistency
  • how the query system translates view-driven filters into optimized PostgreSQL queries
  • how to deploy and scale Teable with Docker Compose for production environments

Source References

Generated by AI Codebase Knowledge Builder