1. 创建React项目:
```bash
npx create-react-app my-app
cd my-app
```
2. 安装依赖:
```bash
npm install react@latest react-dom@latest next@latest nestjs@latest
```
3. 创建Next.js应用:
```bash
npx create-next-app frontend
cd frontend
```
4. 创建Nest.js应用:
```bash
nest new backend
cd backend
```
5. 在`frontend/pages/index.js`中添加以下代码:
```jsx
import React from 'react';
const Home = () => {
const [data, setData] = React.useState(null);
React.useEffect(() => {
fetch('/api/data')
.then((response) => response.json())
.then((data) => setData(data));
}, []);
return (
<div>
<h1>My Low-Code Project</h1>
{data && (
<ul>
{data.map((item) => (
<li key={item.id}>{item.title}</li>
))}
</ul>
)}
</div>
);
};
export default Home;
```
6. 在`backend/src/app.controller.ts`中添加以下代码:
```typescript
import { Controller, Get } from '@nestjs/common';
@Controller('api')
export class AppController {
@Get('data')
getData() {
return [
{ id: 1, title: 'Item 1' },
{ id: 2, title: 'Item 2' },
{ id: 3, title: 'Item 3' },
];
}
}
```
7. 在`backend/src/app.module.ts`中添加以下代码:
```typescript
import { Module } from '@nestjs/common';
import { AppController } from './app.controller';
@Module({
controllers: [AppController],
})
export class AppModule {}
```
8. 启动应用程序:
在`frontend`文件夹下运行:
```bash
npm run dev
```
在`backend`文件夹下运行:
```bash
npm run start:dev
```
现在您可以在浏览器中访问`http://localhost:3000`,将看到一个标题为"My Low-Code Project"的页面,并显示了来自后端API的数据。
这只是一个示例项目,您可以根据实际需求进行修改和扩展。