RavelloH's Blog

TimePulse 是一个具有现代化 UI 和交互的倒计时网页应用，致力于提供极佳的视觉体验。它采用玻璃态设计和流畅动画效果，支持多计时器管理、数据本地存储与云端同步、智能节假日识别以及 PWA 离线访问等功能，并开放了核心源码。

利用 Next.js 14 的 Server Action 机制实现动态页面重部署的实战记录。核心是通过在服务端调用 revalidatePath 函数来按需刷新页面缓存（如文章列表、详情页、RSS 等），使得内容发布后无需执行完整的 Redeploy 流程即可即时生效，在保持静态缓存性能的同时实现了动态站的发布体验。

Next.js 中实现 PJAX 无刷新跳转的技术方案。作者针对 React 与传统 PJAX 直接修改 DOM 导致的水合冲突问题，提出了一种利用 Next.js 原生 useRouter 和 usePathname 钩子的替代方案。通过拦截全局 A 标签点击事件并结合 Zustand 进行全局状态广播，实现了类似 SPA 的页面局部加载与过渡动画效果，该方案无需复杂的服务器端配置即可在 Next.js 站点中通用。

一种通过引入时间戳校验来解决JWT泄露后难以即时失效问题的技术方案。针对标准JWT无法手动禁用且可能存在多个有效凭证的缺陷，该方法在RTheme项目中利用lastUseAt字段，将登录时间戳同时存入数据库与Token荷载中。系统在验证时通过比对数据库记录与Token内的时间戳是否一致，确保只有最新的Token处于激活状态，从而实现一旦JWT泄露，用户只需重新登录即可立即使旧凭证失效的安全机制。

RTheme V4 博客系统的部署完全指南。该版本采用了基于 React 和 Next.js 的混合架构（Hybrid Applications），文章详细介绍了利用 Vercel Serverless 服务与 PostgreSQL 数据库进行托管的完整流程，涵盖了从代码 Fork、环境变量配置（含加密算法设置）、域名绑定到站点初始化的所有步骤。

Next.js 13.4 引入的 ImageResponse 特性允许开发者动态生成 React 组件图片。通过创建 app/icon.js 并配置 generateImageMetadata 导出多尺寸定义，配合 ImageResponse API ，即可实现针对 PWA manifest.json 所需的一系列 Icon 图片的自动裁剪与生成，避免了繁琐的手动切图流程，且支持部署后自动更新。