Next.js

Next.js 是用于 Web 的 React 框架。Next.js 被一些全球最大的公司使用，能够让你用 React 组件的力量创建高质量的 Web 应用程序。

快速开始

要快速在 Turborepo 中开始使用 Next.js，请按照快速入门指南创建一个包含两个 Next.js 应用程序的仓库。

终端

pnpm dlx create-turbo@latest

使用 create-next-app 在包中设置一个新的 Next.js 应用程序。在你的仓库根目录下运行：

终端

pnpm dlx create-next-app@latest apps/my-app

要将内部包添加到您的新应用中，请使用包管理器将其安装到应用中

./apps/my-app/package.json

{
  "name": "my-app",
  "dependencies": {
+   "@repo/ui": "workspace:*"
  }
}

请务必运行您的包管理器的安装命令。您可能还需要根据您在仓库中的用例更新 package.json 中的 scripts。

默认情况下，新应用将使用根目录 turbo.json 中定义的任务。如果您想为新应用配置不同的任务，请使用包配置。

当使用 Next.js 和Turborepo 的微前端时，请确保为子应用程序设置 basePath 属性。这可以确保像图像和 CSS 这样的资源能被正确路由到相应的应用程序。

./apps/my-app/next.config.ts

import type { NextConfig } from 'next';
 
const nextConfig: NextConfig = {
  basePath: '/docs',
};
 
export default nextConfig;