Hi，I am Luke

这篇文章详细介绍了一个从零开始搭建前端框架的过程，包括登录页的设计、验证码发送逻辑、工作台页面的创建等。通过使用React、Next.js、TRPC和Zod等技术，展示了如何构建一个完整的用户认证和工作台系统。文章涵盖了组件创建、状态管理、API接口设计和中间件应用等内容，旨在帮助开发者掌握构建现代Web应用的最佳实践。

本文是系列文章的第一部分，详细介绍了如何使用Next.js、TypeORM和Shadcn-UI框架快速搭建一个功能强大且可扩展的SaaS（软件即服务）系统。通过结合TypeORM进行数据库管理，本文展示了从项目初始化到数据库配置的完整步骤，帮助开发者高效构建现代化的SaaS应用框架。在接下来的章节中，将进一步探讨用户登录、数据管理和系统优化等高级功能。阅读本文，您将学会如何设置Next.js与TypeORM的整合、实现基本的用户登录功能，并优化您的SaaS平台以提升用户体验和系统性能。

本文是系列文章的第二部分，详细介绍了如何使用Next.js、TypeORM和Shadcn-UI，TRPC框架快速搭建一个功能强大且可扩展的SaaS（软件即服务）系统。通过结合TypeORM进行数据库管理，本文展示了如何在NextJS引入Zustand和Trpc来快速开发应用

本教程详细讲解如何使用Next.js和NestJS搭建一个支持双Token认证与刷新机制的应用程序。包括项目初始化、前后端框架搭建、认证逻辑实现以及前端自动刷新Token的封装。适用于需要提高安全性和用户体验的前后端开发者。

本文介绍了如何利用Next.js、Strapi和Shadcn-UI快速搭建一个博客网站。通过使用Next.js作为前端框架和渲染引擎，Strapi作为后端CMS管理后台，并结合Shadcn-UI提供的美观组件，可以轻松构建一个功能强大、界面友好且符合SEO标准的博客网站。

本文详细分析了在Next.js中进行多端适配时遇到的常见问题，并提供了使用MatchMedia进行多端适配的解决方案。由于Next.js是一个SSR框架，在服务器上无法获取设备信息，导致默认的媒体查询结果总是为false。本文通过创建自定义hooks来解决这个问题，展示了如何实现一个轻量级的、无需引入Chakra-UI的多端适配方案。本文适合所有前端开发者，尤其是那些正在使用Next.js进行多端应用开发的工程师。

一套可复用的导出链路一致性方法论：从浏览器 DOM/样式快照抽取中间层模型（IR），统一 px/in/pt 单位映射；用 fontkit 做字体度量、缺字回退与字体子集化；分别用 PptxGenJS 与 pdf-lib 渲染 PPTX/PDF，同时用 RTL/BiDi 行级重排保证多语言排版一致；最后用像素级回归与指标闭环，把“看起来差不多”变成可验证的工程能力。

在浏览器端用 pdf-lib 生成高保真 PDF：先把 DOM/样式快照抽成中间层模型（IR），统一 px/in/pt 的坐标与字号；用 fontkit 做字符级字体度量、缺字回退（按 Unicode 范围选 fallback 字体）并收集用到的字符集合；再用字体子集化把 PDF 体积压住；最后用行级 BiDi 重排（先断行再重排+镜像标点）解决 RTL/混排问题，并用指标与回归把一致性变成工程能力。

一套可复用的 Headless CMS 内容管道方法论：把内容 JSON、路由清单（manifest/sitemap）与静态资源（assets）做成“可构建、可降级、可回滚、可追溯”的三件套；同时支持 build-time 同步与 runtime 加载（SSR/ISR），并用语言齐全 gate、schema 校验与指标回归避免 404/软 404 与索引污染。

本文介绍在 webpack5 项目中，将 sass-loader 依赖从 node-sass 替换为 sass 的完整方案，解决 node-sass 与 Node 版本强绑定导致的安装与切换成本，适用于旧项目启动和团队协作环境下的依赖治理。