【用AI打造100个网站】第006期：手搓海外高客单网络安全考证中台，独创PBQ实操模拟器+苏格拉底AI错题导师（附全套源码）

作为一个零粉丝独立开发者，我正在进行一项长线挑战：用 1 年的时间借助 AI 工具，上线 100 个由 AI 自动化运行的网站！

本期是实盘挑战的 第 006 期：专为海外高价值职业资格考证（CompTIA Security+ SY0-701）打造的 AI-Native 刷题与场景模拟 SaaS —— CertPrep AI！

一、 核心痛点与设计初衷

海外 IT 与网络安全考证（如 CompTIA Security+）具有极高客单价与刚需属性。但传统题库存在三大致命痛点：动辄几百美金死板题库死记硬背、无法模拟考试中最关键的防火墙与日志分析 PBQ（Performance-Based Questions）实操大题、做错题后解析生硬缺乏启发式追问。

为此，我使用 Google Antigravity 原生 AI 开发工具，手搓打造了这款全流程 AI 网安考证模拟中台：

• 官方 5 大知识域考纲靶向出题：对照 CompTIA Security+ SY0-701 官方知识架构，AI 动态生成含具体业务上下文的单选与多选题，彻底告别死记硬背；
• 独创 PBQ 实操交互模拟器：深度还原真实生产环境 —— 交互式防火墙 ACL 策略配置排错（即时安全审计告警）+ Web/IDS 终端攻击日志分析（锁定 SQLi 等攻击向量与应急遏制）；
• 苏格拉底式 AI 错题导师：侧边悬浮抽屉逐一剖析 3 个迷惑干扰项（Distractors），支持多轮自然语言追问题目中的关键约束词；
• 考前一页纸 A4 速记手册：自动归纳高频核心端口、对称非对称加密算法对比表与易混缩略词，针对 A4 打印深度优化；
• 双语无缝切换：默认纯正北美考证英文界面，配备一键中英双语切换，完美兼顾海外出海与国内双重备考需求。

二、 官方线上体验入口

项目支持本地即开即跑与全球静态快速托管部署：
👉 本地即开体验：http://localhost:3000

三、 架构解密与技术栈

• 开发工具：Google Antigravity / Cursor / Trae
• 前端框架：Next.js 15 (App Router) + React 19 + TypeScript + Tailwind CSS
• 视觉体系：Dark Cyber Security UI（沉浸式暗黑网安极客风）
• AI 核心引擎：Google Gemini 2.5 Flash 结构化出题 + 本地高保真题库无缝 Fallback 机制
• 部署环境：Vercel Serverless / 边缘 CDN 极速托管，零数据库成本

四、 完整源码工程下载与交付说明

本期网站全部工程源码已经完整打包归档，包含完整的 Next.js 15 生产级代码、5 大考纲完整 JSON 元数据、PBQ 防火墙与日志排错模拟器组件、苏格拉底追问抽屉以及一键速记卡模块，解压后即可直接二次开发或一键上线！