如何在cPanel中使用App Router部署NextJS 13应用?

wz3gfoph  于 2023-08-04  发布在  其他
关注(0)|答案(1)|浏览(112)

我承诺上传一个应用程序,是与NextJS 13到cPanel。我什么都试过了,但都不管用。关于在Vercel以外的平台上部署的NextJS文档非常不幸,我真的需要帮助才能启动该应用程序。我正在使用App Router,我试图通过添加server.js文件来进行部署,但该解决方案不适用于使用App Router的nextJS。我一直找不到关于如何上传这样的应用程序的信息。
我的项目文档


的数据
我试图应用添加server.js文件并更改package.json中的脚本的解决方案,但这对我来说不起作用,因为我正在使用App Router。没有教程对我有用,因为每个人都使用vercel,而我需要使用cPanel。

bwleehnv

bwleehnv1#

下面是这个过程的概要:
步骤1:开始设置一个自定义的Next.js服务器。您需要在项目的根目录中创建一个server.js文件,并填充所需的代码。查找官方Next.js指南以获得帮助。

const { createServer } = require('http')
const { parse } = require('url')
const next = require('next')

const dev = process.env.NODE_ENV !== 'production'
const hostname = 'localhost'
const port = 3000
// when using middleware `hostname` and `port` must be provided below
const app = next({ dev, hostname, port })
const handle = app.getRequestHandler()
app.prepare().then(() => {
createServer(async (req, res) => {
try {
// Be sure to pass `true` as the second argument to `url.parse`.
// This tells it to parse the query portion of the URL.
const parsedUrl = parse(req.url, true)
const { pathname, query } = parsedUrl
if (pathname === '/a') {
await app.render(req, res, '/a', query)
} else if (pathname === '/b') {
await app.render(req, res, '/b', query)
} else {
await handle(req, res, parsedUrl)
}
} catch (err) {
console.error('Error occurred handling', req.url, err)
res.statusCode = 500
res.end('internal server error')
}
})
.once('error', (err) => {
console.error(err)
process.exit(1)
})
 .listen(port, () => {
console.log(`> Ready on http://${hostname}:${port}`)
})
})

字符串
第2步:调整package.json文件。此步骤使环境“生产就绪”并激活server.js文件。

{
"scripts": {
"start": "NODE_ENV=production node server.js"
}
}

相关问题