在 Next.js 中使用 JSR

Next.js 是一个用于构建全栈 Web 应用程序的 React 框架。

可以通过使用 JSR 的 npm 兼容性层 在 Next.js 中使用 JSR 包。

首先，创建一个新的 Next.js 项目

npx create-next-app@latest
yarn create next-app
pnpm create next-app

然后，可以使用 jsr CLI 添加 JSR 包。这会将包添加到您的 package.json 中，并使用您首选的包管理器（npm、yarn 或 pnpm）将其安装到您的 node_modules 文件夹中。

npx jsr add @std/encoding

注意：您应该将创建的 .npmrc 文件检入源代码控制。没有它，将来对 npm install / yarn / pnpm install 的调用将无法成功。

然后，您可以在代码中导入 JSR 包。

import { encodeBase64 } from "@std/encoding/base64";

export default function Home() {
  return <main>{encodeBase64("Hello, world!")}</main>;
}

运行 next dev 启动本地开发服务器将在 https://127.0.0.1:3000/ 上提供您的应用程序。然后，您可以访问 https://127.0.0.1:3000/ 查看它。

$ next dev

了解更多关于使用包的信息。