部署nextJS应用程序以netLify

问题描述 投票:0回答:1

为您提供一些我目前正在部署应用程序进行NetLify的上下文。 这是我第一次部署NextJS应用程序,我似乎有问题。 我通常使用常规React应用程序要做的只是选择GTIHUB repo中的前端文件夹,然后进行NPM Run构建,然后将DIST文件夹作为选择的文件夹。

但我似乎在做错了什么。

我做了完全相同的步骤,只有不同的是,我选择了.next文件夹,就像将“ .next”放在配置中。

由于我试图部署一些常见的失败,因为一些未使用的组件诚实地给了我很大的希望。 As I fixed those issues and the deployment "succeded" I ended up with an Error on my main page.

These were the configuration I did within my Deployment settings:

https://postimg.cc/w3ktp0Zt

This is how my Files are structured within my NextJS app: https://postimg.cc/HJGW5yFD

As you can see. Its a simple one page application. 我不确定这是否与我的页面设置有关。我了解NextJS使用基于文件的路由。 任何帮助或指导如何处理此问题以及如何部署NextJ,一般都将不胜感激!

在当地建立项目以检查构建文件夹是否正确生成。

,例如,将

发布目录设置为
javascript reactjs typescript next.js netlify
1个回答
0
投票

函数目录

netlify/functions.

如果使用默认设置部署,则很棒!如果没有,请更新结果,我们将进一步解决问题。谢谢!

如果您不必使用Netlify,您可以尝试Vercel,通常可以与Next.js一起使用。 default build settings

© www.soinside.com 2019 - 2025. All rights reserved.