文档

// `api/tina/backend.{ts,js}`

import { TinaNodeBackend, LocalBackendAuthentication } from '@tinacms/datalayer'
import { TinaAuthJSOptions, AuthJsBackendAuthentication } from 'tinacms-authjs'

import databaseClient from '../../../tina/__generated__/databaseClient'

const isLocal = process.env.TINA_PUBLIC_IS_LOCAL === 'true'

const handler = TinaNodeBackend({
  authentication: isLocal
    ? LocalBackendAuthentication()
    : AuthJsBackendAuthentication({
        authOptions: TinaAuthJSOptions({
          databaseClient: databaseClient,
          secret: process.env.NEXTAUTH_SECRET,
        }),
      }),
  databaseClient,
})

export default (req, res) => {
  // 如果需要，可以在这里修改请求
  return handler(req, res)
}

由于Vercel Functions不支持捕获所有路由，您需要在vercel.json文件中添加以下内容。

{
  "rewrites": [
    {
      "source": "/api/tina/:path*",
      "destination": "/api/tina/backend"
    }
  ]
}

接下来，确保更新您的TinaCMS配置以使用新的端点。

// tina/config.{js,ts}
export default defineConfig({
  // 这是您的graphql端点的URL
  contentApiUrlOverride: '/api/tina/gql',
  //...
})

接下来，确保更新您的开发命令以传递正确的端口，以便后端和前端在同一端口上运行。

{
  "scripts": {
    "dev": "TINA_PUBLIC_IS_LOCAL=true tinacms dev -c \" <Your Dev Command> --port $PORT\""
  }
}

现在，您可以使用vercel dev命令在本地运行您的网站。

配置

产品

资源

文档

学习

文档

学习

配置

Join the Herd!