使用 Zod 安全地读取你的环境变量
用 zod 来验证环境变量，可以做到两件事： 如果缺少任何必需的环境变量，就在启动时使 app 崩溃
为环境变量添加类型定义，以便我们可以在 IDE 中获得自动完成和类型检查
直接上代码：
Copy
const envSchema = z.object({
SESSION…
Daisy UI 切换明暗主题的简单实现
React + Tailwind CSS 项目，别的语言同理，只需改变 html 标签的 data-theme 属性即可。 Copy
import { useEffect } from 'react'
import { useState } from 'react'
export…
使用 emoji 作为你的网站图标 favicon
除了新时代 IE 浏览器 Safari 外，其他浏览器都基本支持了使用 SVG 数据 URL 做图标，所以直接用 SVG 的文本形式输入表情符号即可。 Copy
<link
rel="icon"
type="image/svg+xml"
href="data:image…
Tailwind Typography 插件深色模式适配方法
最简单的方法就是使用官方提供的 prose-invert： Copy
<div className="prose dark:prose-invert">
...
</div>
另一种方式：自定义颜色，例如我用的 shadcn/ui 想保持颜色统一，可以在 tailwind…
Remix 删除 URL 中为空的查询参数
避免 ?q= 这种查询参数为空的 URL 出现，可以在 loader 函数中检测并触发重定向。 Copy
async function clearEmptyParams(url: URL) {
let shouldRedirect = false
for (const…
如何快速学习一门技术
关于如何快速学习一门技术，受益良多，故翻译出来分享给大家。
React 项目的文件结构
关于 React 项目的文件结构的最佳实践（雾