雷阿呆

头部导航栏几乎是每个网站必备的元素，可以提供快速的页面跳转和主要信息展示。本文介绍以 Next.js 框架，结合 Tailwind CSS, Headless UI 如何制作一个响应式头部导航栏组件。

使用 next-themes 两行代码为 Next.js 项目添加暗黑模式。Perfect Next.js dark mode in 2 lines of code

patch-package 允许我们在不修改依赖包源码的情况下，为依赖包打补丁，修复其中的问题。在以下场景中特别有用：修复漏洞、适配兼容性、自定义修改。

在为项目国际化时，根据不同语言选择切换对应语言文案都已经有了成熟的解决方案。但是如果遇到需要根据不同语言展示不同国家名称时，需要如何处理呢？ 本文介绍这一场景的几种处理方案。

继上文分析了 react.dev 的目录结构及本地运行后，本文分析如何将 content 文件夹下的 Markdown 编写的内容转换成 HTML 渲染到页面上。

服务端渲染中使用模版引擎组织页面常见的操作，Handlebars 是 Node.js 生态中流行的模版引擎之一。除了在服务端渲染将模版转换成页面返回浏览器以外，Handlebars 也支持将模版预编译

Playwright 是近年新推出的 E2E 测试工具，相比 Cypress 的优势在于更加简单直观，提供 Codegen 生成测试代码等高效的工具简化测试流程。

用户登录一般都是使用账号密码登录，但是使用密码登录有一些问题一直无法解决，比如安全问题和不同设备密码同步以及需要借助密码管理器帮助管理不同密码。于是目前业界提出了 Passkeys 的标准

作为一个前端程序员，在项目开发过程中实际上是很少与数据库有直接的交互和关联操作的，大多都是与后端提供的 API 接口交互。但是数据库相关的知识也是必不可少的。本文介绍类型安全的 ORM工具Prisma