全栈:我的全栈技术栈

这套全栈技术栈最初看到的是来自 Twitter 上 艾逗比(@idoubi) 的分享,后面自己整理了一下,作为个人项目开发时的技术栈参考。

前端

TanStack

包括:

  • TanStack Query
  • TanStack Router
  • TanStack Table

用途:

  • 数据请求与缓存管理
  • 路由管理
  • 表格数据展示

特点:

  • 类型安全
  • React 生态完善
  • 适合构建现代 Web 应用

学习重点:

  • 数据流设计
  • SSR / CSR 混合模式

数据库

Drizzle ORM

用途:

  • 数据库访问层
  • SQL 类型安全封装

支持:

  • PostgreSQL
  • MySQL
  • SQLite

特点:

  • 更接近原生 SQL
  • 类型推导完善
  • Schema 管理清晰

学习重点:

  • 数据库设计
  • Migration
  • 类型安全

鉴权

Better Auth

用途:

  • 用户登录
  • Session 管理
  • OAuth 等认证功能

特点:

  • 开源
  • 灵活
  • 可自定义

注意:

目前遇到的问题是加密性能可能偏慢,在 Cloudflare Worker 这种 CPU 时间有限的环境里可能需要优化。

可能方案:

  • 调整加密实现
  • 优化性能
  • 或使用商业版本

部署

Cloudflare

包括:

  • Cloudflare Pages
  • Cloudflare Workers
  • Cloudflare D1
  • Cloudflare R2
  • Cloudflare KV

用途:

  • 前端部署
  • Serverless 后端
  • 数据存储
  • 边缘计算

特点:

  • 全球 CDN
  • 成本低
  • 适合个人项目和小型 SaaS

注意:

Worker 有 CPU 时间限制,需要避免长时间计算任务。


整体组合

TanStack
⬇️
Drizzle
⬇️
Better Auth
⬇️
Cloudflare

这套技术栈比较适合:

  • Indie Hacker 项目
  • AI 工具
  • SaaS MVP
  • 个人开发产品

优点是轻量、成本低、开发效率高。

缺点是不适合大型企业级复杂系统。