Question

我正在使用此模式在Next.js中构建持久布局：Persistent Layout Patterns in Next.js

当您的布局不依赖外部数据时，效果很好。

如果要构建类似页面的文档该怎么办-并且在布局中有一个侧边栏，其中包含诸如Getting Started，Examples，FAQ，About ？理想情况下，我想将这些部分存储在markdown文件中，并在构建时生成布局。

// markdown file
---
section_1: "Getting Started"
section_2: "Examples"
section_3: "FAQ"
section_4: "About"
---

如何使用Next.JS和getStaticProps实现此类功能？

Answer 1

getStaticProps只能在页面中使用，因此它不是生成布局组件的选项。

您可以通过编写自定义Node.js脚本来扩展构建过程，该脚本将读取markdown并创建带有侧边栏部分的.json文件。

创建的.json文件可以导入客户端的Layout组件中。

您需要在build中扩展npm脚本package.json，所以next build和您的脚本将使用一个命令运行。