# Grayhat Tech Radar

> Grayhat Tech Radar 页面的扩展 LLM 上下文。

## 页面

- [Tech Radar](https://grayhat.studio/zh-CN/tech-radar)
- [Tech Radar LLM 上下文](https://grayhat.studio/zh-CN/tech-radar/llms.txt)
- [根 LLM 上下文](https://grayhat.studio/zh-CN/llms.txt)
- [根完整 LLM 上下文](https://grayhat.studio/zh-CN/llms-full.txt)
- [站点地图](https://grayhat.studio/sitemap.xml)


## 页头

### 公司信息

- 公司: Grayhat Developers PVT Ltd
- 品牌: Grayhat
- 基础 URL: https://grayhat.studio
- 标语: 我们打造很酷的东西
- 简介: Grayhat 为全球客户开发技术解决方案，覆盖从创业应用到完整成熟系统的各类产品。
- 愿景: 我们希望在未来技术中产生真正影响，并打造能服务身边人群的解决方案。
- 成立时间: 2022
- 服务地区: 全球

### 主要导航

- [首页](https://grayhat.studio/zh-CN)
- [招聘](https://grayhat.studio/zh-CN/careers)
- [团队](https://grayhat.studio/zh-CN/team)
- [项目](https://grayhat.studio/zh-CN/projects)
- [客户](https://grayhat.studio/zh-CN/clients)
- [研究](https://grayhat.studio/zh-CN/research)
- [博客](https://grayhat.studio/blog?lang=zh-CN)
- [关于](https://grayhat.studio/zh-CN/about)

### 社交链接

- [LinkedIn](https://www.linkedin.com/company/76504684)
- [GitHub](https://github.com/grayhatdevelopers)
- [Dribbble](https://dribbble.com/grayhatstudio)
- [Discord](https://grayhat.studio/discord)
- [Instagram](https://www.instagram.com/grayhatdevelopers)
- [Facebook](https://www.facebook.com/grayhatdevelopers)

## 公开页面详情

- Renders a same-origin static Tech Radar generated at build time with @qiwi/tech-radar.
- Technology Radar entries are authored in the typed radar catalogue and generated into package-rendered English and Simplified Chinese radar outputs.
- Each entry includes a ring, quadrant, description, use cases, and grounded Grayhat project associations where available.

## 技术雷达内容

### 用途
概览 Grayhat 在 Web 应用、企业系统、人工智能产品、游戏和云基础设施中使用的语言、框架、平台、工具与工程实践。

- 标准页面 URL: https://grayhat.studio/zh-CN/tech-radar
- 内容语言: zh-CN
- 生成的包输出: https://grayhat.studio/generated/tech-radar/zh-CN/2026-07-23/index.html

### 雷达环
- **Adopt**: 已在多个生产项目中反复使用，并推荐用于新项目。
- **Trial**: 已经成功使用，但仍按场景选择，尚未成为团队默认方案。
- **Assess**: 正在研究、评估，或公开项目证据有限时谨慎归入此类。
- **Hold**: 除非维护遗留系统需要，否则不建议用于新项目。

### 象限
- **Languages and Frameworks**: 运行时语言、界面框架、应用框架与渲染基础。
- **Platforms and Infrastructure**: 用于交付与运维系统的托管、云、数据、部署和运行时基础设施。
- **Tools and Services**: 交付过程中使用的产品、设计、AI、测试、协作和实时服务。
- **Techniques and Architecture**: 跨项目使用的交付模式、架构方法和工程实践。

### 技术条目
#### React.js
- 雷达环: Adopt
- 象限: Languages and Frameworks
- 简介: 用于生产级 Web 界面和交互式产品体验。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: Grayhat Studio, Client websites, SaaS platforms

#### Next.js
- 雷达环: Adopt
- 象限: Languages and Frameworks
- 简介: 用于构建生产级网站、SaaS 应用和服务端渲染平台。
- 使用场景: [object Object], [object Object], [object Object]
- 相关 Grayhat 工作: Grayhat Studio, Client websites, SaaS platforms

#### Node.js
- 雷达环: Adopt
- 象限: Languages and Frameworks
- 简介: 用于服务端 JavaScript 服务、构建工具和集成层。
- 使用场景: [object Object], [object Object], [object Object]
- 相关 Grayhat 工作: Grayhat Studio, site-events, Internal tools

#### TypeScript
- 雷达环: Adopt
- 象限: Languages and Frameworks
- 简介: 用于类型严格的前端、后端、Worker 和工具代码。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: Grayhat Studio, site-events, SaaS platforms

#### JavaScript
- 雷达环: Adopt
- 象限: Languages and Frameworks
- 简介: 在 Web 平台或第三方包需要原生 JavaScript 的场景中使用。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: Grayhat Studio, Client websites, SaaS platforms

#### Python
- 雷达环: Trial
- 象限: Languages and Frameworks
- 简介: 用于 AI、数据、自动化和服务原型，尤其适合 Python 生态更强的场景。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: Research prototypes, AI products

#### FastAPI
- 雷达环: Assess
- 象限: Languages and Frameworks
- 简介: 当 Python API 服务需要类型化请求处理和异步支持时进行评估。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: Research prototypes, AI products

#### Express.js
- 雷达环: Trial
- 象限: Languages and Frameworks
- 简介: 在轻量 Node HTTP 服务中选择性使用。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: site-events, Internal tools

#### React Native
- 雷达环: Assess
- 象限: Languages and Frameworks
- 简介: 在需要单一代码库的跨平台移动应用中进行评估。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: Mobile app prototypes

#### Unity
- 雷达环: Trial
- 象限: Languages and Frameworks
- 简介: 当成熟游戏引擎比 Web 渲染更合适时，用于游戏和交互式 3D 工作。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: PlayroomKit, Banana of Doom, Game systems

#### Java
- 雷达环: Assess
- 象限: Languages and Frameworks
- 简介: 在企业系统和 Android 场景中按项目需求评估。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: ERP integrations, Internal tools

#### C#
- 雷达环: Trial
- 象限: Languages and Frameworks
- 简介: 在 Unity 和相关游戏系统中使用。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: PlayroomKit, Banana of Doom, Game systems

#### Three.js
- 雷达环: Trial
- 象限: Languages and Frameworks
- 简介: 用于基于 Web 的 3D 场景和交互式视觉体验。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: Client websites, Research prototypes

#### WebGL
- 雷达环: Trial
- 象限: Languages and Frameworks
- 简介: 通过更高层渲染工具用于图形密集型 Web 体验。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: Client websites, Research prototypes

#### Tailwind CSS
- 雷达环: Adopt
- 象限: Languages and Frameworks
- 简介: 用于在公共页面和产品界面中快速实现符合设计 token 的样式。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: Grayhat Studio, Client websites, SaaS platforms

#### Radix UI
- 雷达环: Adopt
- 象限: Languages and Frameworks
- 简介: 作为无障碍基础组件，用于 tabs、dialog、slot 和可组合控件。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: Grayhat Studio, SaaS platforms

#### AWS
- 雷达环: Trial
- 象限: Platforms and Infrastructure
- 简介: 当项目需求需要 AWS 服务时选择性使用。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: Client platforms

#### Vercel
- 雷达环: Trial
- 象限: Platforms and Infrastructure
- 简介: 在 Vercel 工作流适合运维需求时用于托管 Next.js 应用。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: Client websites, SaaS platforms

#### Cloudflare
- 雷达环: Adopt
- 象限: Platforms and Infrastructure
- 简介: 用于公共网站交付、边缘路由、Workers、Pages 和托管平台能力。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: Grayhat Studio, company-blog, Internal API

#### Cloudflare Workers
- 雷达环: Adopt
- 象限: Platforms and Infrastructure
- 简介: 用于边缘运行时服务、API 表面和 OpenNext 部署目标。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: Grayhat Studio, Internal API

#### Cloudflare Pages
- 雷达环: Trial
- 象限: Platforms and Infrastructure
- 简介: 在静态或框架型公共页面适合 Pages 模型时使用。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: company-blog

#### Docker
- 雷达环: Adopt
- 象限: Platforms and Infrastructure
- 简介: 用于本地一致性以及以容器化 Node 运行时运维的服务。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: site-events, Internal tools

#### Kubernetes
- 雷达环: Assess
- 象限: Platforms and Infrastructure
- 简介: 仅在编排需求超过更简单平台能力时进行评估。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: Infrastructure evaluations

#### GitHub Actions
- 雷达环: Adopt
- 象限: Platforms and Infrastructure
- 简介: 用于 CI、检查和仓库变更的可重复验证。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: Grayhat Studio, Monorepo

#### Linux
- 雷达环: Adopt
- 象限: Platforms and Infrastructure
- 简介: 作为服务器、容器和部署工具的基础操作环境。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: site-events, Infrastructure

#### PostgreSQL
- 雷达环: Trial
- 象限: Platforms and Infrastructure
- 简介: 在需要事务一致性的关系型产品数据场景中使用或选择。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: SaaS platforms

#### MongoDB
- 雷达环: Assess
- 象限: Platforms and Infrastructure
- 简介: 在文档型产品数据需求明确时进行评估。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: Client products

#### Redis
- 雷达环: Trial
- 象限: Platforms and Infrastructure
- 简介: 用于队列、缓存和服务运行时的快速协调。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: site-events, Internal services

#### Amazon S3
- 雷达环: Trial
- 象限: Platforms and Infrastructure
- 简介: 作为对象存储模式和公共/私有资产的兼容目标。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: Client platforms

#### MinIO
- 雷达环: Trial
- 象限: Platforms and Infrastructure
- 简介: 用于兼容 S3 的本地和自托管对象存储工作流。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: site-events, Local development

#### Firebase
- 雷达环: Assess
- 象限: Platforms and Infrastructure
- 简介: 在托管认证、实时能力或托管功能适合应用原型时评估。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: Mobile app prototypes

#### Frappe
- 雷达环: Adopt
- 象限: Tools and Services
- 简介: 作为 ERP 支撑内容、职位、客户、项目和 webhook 流程的运营数据源。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: site-events, Grayhat Studio

#### ERP systems
- 雷达环: Adopt
- 象限: Tools and Services
- 简介: 用于业务工作流集成，以及从运营系统投射公共内容。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: ERP integrations, Internal tools

#### PlayroomKit
- 雷达环: Trial
- 象限: Tools and Services
- 简介: 在游戏项目中用于多人和浏览器原生游戏体验。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: PlayroomKit, Game systems

#### OpenAI APIs
- 雷达环: Trial
- 象限: Tools and Services
- 简介: 用于 AI 辅助产品、智能体、内容工作流和研究原型。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: Research prototypes, AI products

#### PyTorch
- 雷达环: Assess
- 象限: Tools and Services
- 简介: 在需要深度学习实验的模型工作中进行评估。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: Research prototypes, AI products

#### Transformers
- 雷达环: Assess
- 象限: Tools and Services
- 简介: 在需要模型级控制的语言和视觉工作流中进行评估。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: Research prototypes, AI products

#### WebSockets
- 雷达环: Trial
- 象限: Tools and Services
- 简介: 在需要持久浏览器连接的实时产品和游戏交互中使用。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: PlayroomKit, Ruby, Client products

#### Socket.IO
- 雷达环: Trial
- 象限: Tools and Services
- 简介: 在 Socket.IO 的降级和事件模型能简化实时交付时选择性使用。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: PlayroomKit, Banana of Doom, Game systems

#### WebRTC
- 雷达环: Assess
- 象限: Tools and Services
- 简介: 用于点对点媒体和低延迟协作体验的评估。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: Research prototypes

#### Playwright
- 雷达环: Adopt
- 象限: Tools and Services
- 简介: 用于浏览器验证、截图、无障碍检查和端到端信心。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: Grayhat Studio, Monorepo

#### GitHub
- 雷达环: Adopt
- 象限: Tools and Services
- 简介: 用于源代码管理、PR、评审流程和公开仓库展示。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: Monorepo, Research repositories

#### Figma
- 雷达环: Adopt
- 象限: Tools and Services
- 简介: 用于产品设计、交付标注、设计评审和界面迭代。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: Grayhat Studio, Client websites, SaaS platforms

#### Server-side rendering
- 雷达环: Adopt
- 象限: Techniques and Architecture
- 简介: 用于需要可抓取、快速首屏内容的公共页面和产品界面。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: Grayhat Studio, Client websites, SaaS platforms

#### Static-site generation
- 雷达环: Adopt
- 象限: Techniques and Architecture
- 简介: 用于稳定公共内容、发现文件和适合构建期输出的页面。
- 使用场景: [object Object], [object Object], [object Object]
- 相关 Grayhat 工作: Grayhat Studio, company-blog

#### Incremental static regeneration
- 雷达环: Trial
- 象限: Techniques and Architecture
- 简介: 在静态页面需要周期刷新且不想完整重新部署时选择性使用。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: Client websites

#### Microservices
- 雷达环: Trial
- 象限: Techniques and Architecture
- 简介: 当服务边界能清晰映射到可独立运维的产品能力时使用。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: site-events, Internal API

#### REST APIs
- 雷达环: Adopt
- 象限: Techniques and Architecture
- 简介: 用于需要明确 HTTP 语义的公共和内部服务契约。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: Grayhat Studio, Internal API

#### Event-driven architecture
- 雷达环: Trial
- 象限: Techniques and Architecture
- 简介: 用于 webhook 摄取、队列同步、扇出和重新验证工作流。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: site-events

#### Serverless architecture
- 雷达环: Adopt
- 象限: Techniques and Architecture
- 简介: 在托管边缘或无服务器能力能降低运维负担时使用。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: Grayhat Studio, Internal API

#### Real-time multiplayer
- 雷达环: Trial
- 象限: Techniques and Architecture
- 简介: 用于共享实时状态是核心需求的游戏和协作场景。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: PlayroomKit, Banana of Doom, Game systems

#### AI agents
- 雷达环: Trial
- 象限: Techniques and Architecture
- 简介: 用于自动化辅助能提升交付效率的研究和产品工作流。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: Research prototypes, AI products

#### Retrieval-augmented generation
- 雷达环: Assess
- 象限: Techniques and Architecture
- 简介: 用于需要基于项目或领域内容给出可靠答案的 AI 产品评估。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: Research prototypes, AI products

#### Computer vision
- 雷达环: Assess
- 象限: Techniques and Architecture
- 简介: 用于视觉理解、媒体分析和原型智能功能的评估。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: Research prototypes, AI products

#### Responsive web design
- 雷达环: Adopt
- 象限: Techniques and Architecture
- 简介: 用于公共页面和产品项目，以支持桌面、平板和移动布局。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: Grayhat Studio, Client websites, SaaS platforms

#### CI/CD
- 雷达环: Adopt
- 象限: Techniques and Architecture
- 简介: 用于让 lint、类型检查、测试和部署保持可重复。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: Monorepo, Client platforms

#### Containerization
- 雷达环: Adopt
- 象限: Techniques and Architecture
- 简介: 用于需要本地与生产运行时一致性的服务。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: site-events, Internal tools

#### ERP integration
- 雷达环: Adopt
- 象限: Techniques and Architecture
- 简介: 用于连接运营业务系统、公共内容和内部工作流。
- 使用场景: [object Object], [object Object]
- 相关 Grayhat 工作: site-events, Grayhat Studio

## 相关公开页面

- [首页](https://grayhat.studio/zh-CN)
- [关于](https://grayhat.studio/zh-CN/about)
- [隐私政策](https://grayhat.studio/zh-CN/privacy-policy)
- [条款与条件](https://grayhat.studio/zh-CN/terms-and-conditions)
- [招聘](https://grayhat.studio/zh-CN/careers)
- [团队](https://grayhat.studio/zh-CN/team)
- [项目](https://grayhat.studio/zh-CN/projects)
- [客户](https://grayhat.studio/zh-CN/clients)
- [博客](https://grayhat.studio/blog?lang=zh-CN)
- [研究](https://grayhat.studio/zh-CN/research)
- [网站地图](https://grayhat.studio/zh-CN/sitemap)

## 当前快照

- 该完整上下文包含 58 个技术条目以及生成的 @qiwi/tech-radar 包输出路径。


## 页脚

### 联系方式

- [info@grayhat.studio](mailto:info@grayhat.studio?subject=[grayhat.com.pk])
- [24, Street 3, Sector F DHA-2, Islamabad, Pakistan](https://maps.app.goo.gl/8gk8pTmDQxRaRPn49)

### 重要页面

- [首页](https://grayhat.studio/zh-CN)
- [招聘](https://grayhat.studio/zh-CN/careers)
- [团队](https://grayhat.studio/zh-CN/team)
- [项目](https://grayhat.studio/zh-CN/projects)
- [客户](https://grayhat.studio/zh-CN/clients)
- [研究](https://grayhat.studio/zh-CN/research)
- [博客](https://grayhat.studio/blog?lang=zh-CN)
- [关于](https://grayhat.studio/zh-CN/about)

### 法律链接

- [隐私政策](https://grayhat.studio/zh-CN/privacy-policy)
- [条款与条件](https://grayhat.studio/zh-CN/terms-and-conditions)
- [网站地图](https://grayhat.studio/zh-CN/sitemap)

### 第三方平台

- [Clutch](https://clutch.co/profile/grayhat)
- [Upwork](https://www.upwork.com/agencies/1539292796322222080/)
- [Glassdoor](https://www.glassdoor.com/Location/All-Grayhat-Developers-Islamabad-IS-Office-Locations-EI_IE8570949.4,22_IL.23,35_IC3139539.htm)

### 社交媒体

- [Instagram](https://www.instagram.com/grayhatdevelopers)
- [Facebook](https://www.facebook.com/grayhatdevelopers)

### 页脚元数据

- 备用标语: 我们创造 💻、☕，以及 🦄
- 产地: 巴基斯坦
- 版权标记: 创立于 2022
- [旧版](https://grayhat.studio/who?lang=zh-CN)