个人作品集网站

项目概述

这是我的个人作品集网站，旨在展示设计与开发作品，同时本身也作为一个技术实践项目。

技术选型

选择 Next.js 14 App Router 的原因：

• RSC（React Server Components）：零 JS 的静态内容渲染
• MDX 支持：以代码方式管理内容，无需 CMS 后端
• 出色的 SEO：内置 generateMetadata API

核心功能

• 深色/浅色模式：基于 next-themes + Tailwind CSS dark: 前缀
• MDX 内容：使用 next-mdx-remote 渲染作品案例与博客文章
• 流畅动画：Framer Motion 页面过渡与微交互
• 完全响应式：Mobile-first 设计，适配各种屏幕尺寸

设计决策

采用极简专业风格，大量使用留白，让内容成为视觉焦点。颜色系统基于 Slate 灰度，搭配 Blue 作为强调色，在专业性与个性之间取得平衡。