解决了 Next.js 静态生成时的路由 404 问题

Next.js Bugfix

在部署到 Vercel 时发现动态路由在刷新后会丢失。排查发现是 `getStaticPaths` 的 `fallback` 属性设置有误。

// 修改前的代码 fallback: false // 修改后的代码,允许实时生成新页面 fallback: 'blocking'

修改后,未预渲染的路径会由服务端实时生成,问题解决。

重构了项目中的 Button 组件

CSS Refactor

之前的按钮组件样式耦合太严重,难以扩展新的 `variant`。今天花了一上午时间把样式抽离成了独立的模块,并引入了 TypeScript 接口定义。

interface ButtonProps { variant: 'primary' | 'secondary' | 'ghost'; size: 'sm' | 'md' | 'lg'; children: React.ReactNode; }

现在调用起来舒服多了,类型提示也很完善。