NextJS 与 Express [关闭]

Next.js 是一个基于 React 的轻量级框架，用于构建高性能的、可扩展的 Web 应用程序。而 Express 是一个流行的 Node.js Web 应用程序框架，用于构建灵活的后端服务器。本文将介绍如何结合使用 Next.js 和 Express，以实现更强大的 Web 应用开发。

bash
npx create-next-app my-app

bash
npm install express

javascript
const express = require('express');
const app = express();
app.get('/api/data', (req, res) => {
  const data = { message: 'Hello from Express!' };
  res.json(data);
});
app.listen(3001, () => {
  console.log('Express server is running on port 3001');
});

javascript
const express = require('express');
const next = require('next');
const dev = process.env.NODE_ENV !== 'production';
const port = process.env.PORT || 3000;
const app = next({ dev });
const handle = app.getRequestHandler();
app.prepare().then(() => {
  const server = express();
  server.get('*', (req, res) => {
    return handle(req, res);
  });
  server.listen(port, (err) => {
    if (err) throw err;
    console.log(`Next.js server is running on port ${port}`);
  });
});

json
"scripts": {
  "dev": "node server.js"
}

bash
npm run dev