教程：在Fleek.xyz上部署Scaffold-ETH 2应用程序
内容提要
本教程将指导您在Fleek上部署Scaffold-ETH 2应用程序。首先，您需要将应用程序配置为单页应用程序(SPA)，然后处理动态路由并修改构建命令。最后，您可以在Fleek上部署应用程序。在部署之前，请确保在本地环境中测试构建过程。
延伸解读
为何必须配置为SPA导出
Fleek要求部署的应用为单页应用（SPA），而Next.js默认不导出为SPA。因此，必须在next.config.js中设置output: "export"，以生成静态版本。这是部署成功的前提，否则Fleek无法正确识别和托管应用。
动态路由的静态导出限制与改造
Next.js动态路由（如[id].js）在静态导出时无法在构建时解析，因此不被支持。需要将动态路由重构为使用查询参数的标准路由，例如将pages/post/[id].js改为pages/post.js，并通过? id=1传递参数。同时更新所有链接指向查询参数形式，确保所有路由在构建时可解析。
构建命令与输出目录的关键设置
由于Scaffold-ETH 2采用monorepo结构，Fleek的构建命令应设置为yarn && yarn next:build，输出目录设置为packages/nextjs/out。若配置错误，可能遇到“dist folder not found”错误。务必确保next.config.js中已正确配置output: "export"。
本地测试构建的必要性
在部署到Fleek之前，应在本地运行yarn run next:build测试构建过程。这有助于提前发现并修复动态导入、静态资源路径或路由配置等问题，避免部署时出现意外错误，确保部署顺利进行。
Q&A
如何在Fleek上部署Scaffold-ETH 2应用程序？
首先配置应用程序为单页应用程序(SPA)，处理动态路由，修改构建命令，然后在Fleek上进行部署。
在部署之前需要做哪些准备工作？
需要基本了解Next.js和Scaffold-ETH 2，并确保本地安装Node.js和Yarn，此外还需一个Fleek账户。
如何处理动态路由以适应静态导出？
动态路由需要转换为查询参数，确保所有路由在构建时可解析。
构建命令应该如何设置？
构建命令应设置为'yarn && yarn next:build'，输出目录应为'packages/nextjs/out'。
如何在本地测试构建过程？
在本地环境中运行'yarn run next:build'命令，确保构建过程没有问题。
如果遇到“dist folder not found”错误，该如何解决？
确保在next.config.js中正确配置了output: 'export'，并检查构建设置是否正确。
