概念关系总图

现代前后端技术栈
│
├── 视图层
│   ├── React
│   ├── Vue
│   ├── Angular
│   ├── Svelte
│   ├── Solid
│   └── Qwik
│
├── 全栈前端层
│   ├── Next.js
│   ├── Nuxt
│   ├── Remix
│   ├── SvelteKit
│   ├── Astro
│   └── TanStack Start
│
├── UI 基础设施
│   ├── Tailwind CSS
│   ├── shadcn/ui
│   ├── Redux Toolkit
│   ├── Zustand
│   ├── Pinia
│   ├── Vite
│   ├── Webpack
│   ├── Rspack
│   └── Turbopack
│
├── 后端层
│   ├── JS/TS
│   │   ├── Node.js / Deno / Bun
│   │   └── Express / Fastify / NestJS / Hono / Koa / AdonisJS
│   ├── Python
│   │   ├── FastAPI / Django / Flask / Litestar
│   │   └── Celery
│   ├── JVM/.NET
│   │   ├── Spring Boot / Quarkus / Micronaut / Ktor
│   │   └── ASP.NET Core
│   └── 其他语言
│       ├── Gin / Fiber / Echo
│       ├── Axum / Actix Web
│       ├── Rails
│       ├── Laravel
│       └── Symfony
│
├── 数据层
│   ├── PostgreSQL / MySQL / MongoDB
│   ├── Redis
│   ├── Elasticsearch / OpenSearch
│   ├── Kafka / RabbitMQ / NATS
│   └── ClickHouse
│
├── 基础设施层
│   ├── Docker
│   ├── Kubernetes
│   ├── Terraform
│   ├── GitHub Actions
│   ├── AWS Lambda / Serverless Framework
│   ├── Cloudflare Workers
│   ├── Vercel
│   └── Netlify
│
├── 质量与监控层
│   ├── Jest / Vitest / Playwright / Cypress / Pytest / JUnit
│   ├── OpenTelemetry
│   ├── Prometheus
│   ├── Grafana
│   └── Sentry
│
└── AI 应用层
    ├── LangChain
    ├── LlamaIndex
    ├── Vercel AI SDK
    ├── Mastra
    └── OpenAI API / Agents SDK