bootstrapping - Next.js 客户端和服务器端引导代码

我在哪里可以放置将在服务器端和客户端引导的代码？我在两端都需要一些逻辑，并且不想在多个地方维护它。我尝试/考虑过：

将其添加到src/components/_app.js中，constructor但这似乎只能在客户端执行（或者在服务器端还不够早getInitialsProps）。
将它添加到_app.js constructorandserver.js中，尽管这意味着我的逻辑不能使用模块系统import，因为server.js不是这样编译的。

标签： bootstrappingnext.js

这将有助于为其提供一些背景信息。当您说将被引导的代码时，您是指将要执行的函数，还是您正在寻找一个通用的代码库，例如在客户端和服务器端都使用的实用程序函数。

我假设您的意思是有一个将在客户端和服务器端执行的文件（实用程序函数的情况）。这样，您可以考虑将文件放在项目的根目录中，例如./util.js

这意味着如果您在客户端（例如./pages/index.js）需要它，您可以像这样引用它：

 import { testUtil } from '../util.js';

如果您在服务器文件夹中需要它（我更喜欢将服务器代码放在./server目录中），您可以像这样引用它：

const { testUtil } = require('../util.js');

唯一的缺点是您必须编写不使用 ES6 结构的代码来确保客户端和服务器之间的互操作性。