技术架构图 React/Next.js + TypeScript + Tailwind + Headless WordPress

 

                                   ┌──────────────────────────────┐
                                   │          用户浏览器            │
                                   │ (Chrome / Safari / Mobile)   │
                                   └───────────────▲──────────────┘
                                                   │
                                                   │ HTTPS
                                                   │
                                   ┌───────────────┴──────────────┐
                                   │         Cloudflare CDN         │
                                   │ (加速+WAF+SSL+缓存+安全)       │
                                   └───────────────▲──────────────┘
                                                   │
                             ┌─────────────────────┼──────────────────────┐
                             │                     │                      │
                             │                     │                      │
                             ▼                     ▼                      ▼
                ┌────────────────────┐   ┌─────────────────────┐   ┌───────────────────────┐
                │  Vercel（前端）     │   │ API 请求转发（CDN）    │   │ 媒体存储：R2 / S3（可选）│
                │ Next.js 15 / React │   │   /graphql /wp-json │   │ 图片、视频静态文件      │
                │ TypeScript / TW    │   └─────────────────────┘   └───────────────────────┘
                │ 构建 SSR / ISR      │
                └───────────▲────────┘
                            │  调用 WordPress API
                            │  GraphQL / REST
                            │
                ┌───────────┴──────────────────────────────────────────────┐
                │                 WordPress 后端服务器（tihubb.com）          │
                │   PHP 8.x + MySQL + Nginx/LiteSpeed + ACF + WPGraphQL     │
                │   运行在 Cloudways / 自有 VPS / 虚拟主机                     │
                └───────────▲──────────────────────────────────────────────┘
                            │
                            │   数据库查询 / ACF 字段读取
                            │
                ┌───────────┴───────────────┐
                │         MySQL 数据库       │
                │（学校、课程、地区等全部数据）  │
                └───────────────────────────┘