ACCESSING DATABANKS...
// 此代码库：极简玻璃拟态作品集
极简玻璃拟态作品集
极简、玻璃拟态作品集 / 个人网站 / Next.js App Router 项目
一句话摘要： 使用 Next.js 15 App Router、TypeScript、Tailwind CSS 4 和 MDX 构建的静态生成作品集网站。展示了玻璃拟态 UI、模块化架构和快速自定义能力——无需 CMS。
开发周期：2025年6月 - 2025年7月
备注：
- 托管/代码可用性免责声明： 完整源代码可应要求提供。项目已上线，但未公开源码以避免暴露潜在漏洞。
- 联系获取更多信息或演示： 通过 franzdomingo.tech 联系 Franz Phillip G. Domingo。
- 导航说明： 博客和项目页面可通过网站导航访问。
功能特点
- 极简、玻璃拟态 UI
- 响应式、移动优先布局
- 由 MDX 驱动的博客和项目页面
- 模块化组件系统 (
ui/,motion-primitives/,dock/) - CMD+K 命令菜单、动画停靠栏（Dock）和聊天机器人
- SEO 优化、无障碍且高性能
- 部署在 Vercel，支持 SSL + CDN
- 深色模式切换
- Toast 通知系统
- 易于扩展的新板块和组件
我的贡献（角色与职责）
前端架构：
- 使用 React、Next.js App Router 和 TypeScript 设计并实现了整个 UI，确保严格的类型安全。
UI/UX 设计：
- 创建了玻璃拟态、极简的布局和交互组件，营造现代感。
组件系统：
- 开发了模块化、可重用的基础组件（卡片、对话框、停靠栏、命令菜单、聊天机器人等），用于快速自定义。
无障碍与 SEO：
- 利用 Radix UI 和 Shadcn UI，确保所有组件均符合无障碍标准并经过 SEO 优化。
开发者体验：
- 确立了代码风格规范、TypeScript 优先模式以及函数式、声明式的 React 代码编写方式。
面临的挑战
-
平衡极简主义与功能丰富度： 需要在保持 UI 简洁的同时，支持命令菜单、停靠栏和聊天机器人等高级功能。
-
玻璃拟态设计的实现： 使用 Tailwind CSS 和自定义工具类在不同浏览器上实现了统一的玻璃拟态效果。
-
无样板代码的扩展性： 构建了易于添加新板块和组件的代码结构，最大限度减少了重复代码。
-
安全与代码共享： 决定不公开完整源代码，以避免暴露敏感逻辑和部署细节。
项目架构
-
架构风格： 使用 Next.js App Router 的模块化、函数式 React。 清晰的关注点分离：UI 基础组件、功能模块、Hook 和工具类。
-
组件组织：
app/: 路由、布局、全局样式components/: UI 基础组件、停靠栏、聊天机器人、动效hooks/: 自定义 React Hooklib/: 共享工具类和常量types/: TypeScript 接口
-
状态管理： 极简的本地状态，倾向于使用 React Server Components 和必要的 Context。
-
集成： 使用 Framer Motion 处理动画，Radix UI 处理无障碍，Shadcn UI 提供设计基础组件。
演示预览
-
截图/视频： 极简玻璃拟态作品集的在线演示可在 franz-domingo.vercel.app 查看。所有 UI 功能、布局和交互均可直接探索。
-
平台视图： Web（响应式，移动优先）
-
功能展示：
- 玻璃拟态落地页
- 动画停靠栏导航
- 命令菜单 (CMD+K)
- 博客和项目页面
- 聊天机器人和 Toast 通知
-
演示说明： 访问在线站点 franz-domingo.vercel.app。 如需完整源码或私人演示，请联系作者。
开发资源
- 指南/文档：
.github/instructions/Enter.instructions.md用于代码风格和规范- Next.js, Tailwind CSS, Framer Motion, Radix UI, Shadcn UI 文档
如果您需要更多细节或想查看代码库，请直接联系作者。