要在同一项目中部署Node.js应用和Next.js应用,可以按照以下步骤进行操作:
mkdir my-app
cd my-app
npm init -y
npm install express next react react-dom
server.js
的文件,并添加以下代码:const express = require('express');
const next = require('next');
const dev = process.env.NODE_ENV !== 'production';
const app = next({ dev });
const handle = app.getRequestHandler();
app.prepare().then(() => {
const server = express();
server.get('*', (req, res) => {
return handle(req, res);
});
server.listen(3000, (err) => {
if (err) throw err;
console.log('> Ready on http://localhost:3000');
});
});
pages/index.js
的文件,并添加以下代码:import React from 'react';
const Home = () => (
Hello Next.js
);
export default Home;
package.json
文件中添加以下脚本:"scripts": {
"dev": "node server.js"
}
npm run dev
现在,你的Node.js应用和Next.js应用将同时部署在同一项目中,你可以访问http://localhost:3000
来查看Next.js应用的页面。