NextJS + Trpc + PayloadCMS + MongoDB 自定义服务器搭建

以下是一个使用Next.js、TRPC、PayloadCMS和MongoDB的自定义服务器搭建示例：

import { PrismaClient } from '@prisma/client';
import { createTRPCClient, createTRPCServer } from '@trpc/server';
import { Provider } from 'next-rpc';
import { createPayload } from 'payload.cms';
 
// 假设你有一个Prisma客户端配置指向MongoDB数据库
const prisma = new PrismaClient();
 
// 创建TRPC服务端
const appRouter = createTRPCServer({
  // 定义rpc方法
  router: {
    query: {
      hello({ ctx }){
        // ctx.req 和 ctx.res 可以用于获取HTTP请求和响应对象
        return 'Hello, World!';
      },
    },
  },
});
 
// 创建PayloadCMS实例
const payloadCMS = createPayload({
  db: {
    type: 'mongodb',
    mongodb: {
      url: process.env.MONGO_URL,
      // 其他MongoDB选项
    },
  },
  // 其他PayloadCMS配置
});
 
// 在Next.js的服务端入口文件中配置TRPC服务
export const createServer = (nextApp) => {
  return new Provider({
    nextApp,
    router: appRouter,
    payloadCMS,
    prisma,
  });
};
 
// 导出TRPC客户端，用于客户端调用
export const createClient = () => {
  return createTRPCClient({
    url: '/api/trpc',
  });
};

在这个示例中，我们创建了一个TRPC服务器，并定义了一个简单的hello方法。同时，我们也创建了PayloadCMS的实例，并将Prisma客户端一起用于数据库交互。最后，我们通过Provider将所有服务注入到Next.js应用中。这个示例展示了如何将三个不同的服务组合在一个Next.js应用中，并在服务端提供一个TRPC服务器。