- 安装 @vercel/postgres 和 pg 依赖 - 创建 PostgresAdapter 适配器,兼容 D1 接口 - 创建 PostgresStorage 类,实现完整的 IStorage 接口 - 添加 Postgres 数据库初始化脚本和 schema - 更 next.config.js 排除 Postgres 模块的客户端打包 - 添加 VERCEL_DEPLOYMENT.md 部署指南 - 支持 Vercel serverless 环境部署 注意事项:观影室功能在 Vercel 上不可用(需要 WebSocket 支持)
105 lines
2.6 KiB
JavaScript
105 lines
2.6 KiB
JavaScript
/** @type {import('next').NextConfig} */
|
||
/* eslint-disable @typescript-eslint/no-var-requires */
|
||
|
||
// 检测是否为 Cloudflare Pages 构建
|
||
const isCloudflare = process.env.CF_PAGES === '1' || process.env.BUILD_TARGET === 'cloudflare';
|
||
|
||
const nextConfig = {
|
||
// Cloudflare Pages 不支持 standalone,使用默认输出
|
||
output: isCloudflare ? undefined : 'standalone',
|
||
eslint: {
|
||
dirs: ['src'],
|
||
// 在生产构建时忽略 ESLint 错误
|
||
ignoreDuringBuilds: true,
|
||
},
|
||
|
||
reactStrictMode: false,
|
||
swcMinify: true,
|
||
|
||
experimental: {
|
||
instrumentationHook: process.env.NODE_ENV === 'production' && !isCloudflare,
|
||
},
|
||
|
||
// Uncoment to add domain whitelist
|
||
images: {
|
||
unoptimized: true,
|
||
remotePatterns: [
|
||
{
|
||
protocol: 'https',
|
||
hostname: '**',
|
||
},
|
||
{
|
||
protocol: 'http',
|
||
hostname: '**',
|
||
},
|
||
],
|
||
},
|
||
|
||
webpack(config, { isServer }) {
|
||
// Grab the existing rule that handles SVG imports
|
||
const fileLoaderRule = config.module.rules.find((rule) =>
|
||
rule.test?.test?.('.svg')
|
||
);
|
||
|
||
config.module.rules.push(
|
||
// Reapply the existing rule, but only for svg imports ending in ?url
|
||
{
|
||
...fileLoaderRule,
|
||
test: /\.svg$/i,
|
||
resourceQuery: /url/, // *.svg?url
|
||
},
|
||
// Convert all other *.svg imports to React components
|
||
{
|
||
test: /\.svg$/i,
|
||
issuer: { not: /\.(css|scss|sass)$/ },
|
||
resourceQuery: { not: /url/ }, // exclude if *.svg?url
|
||
loader: '@svgr/webpack',
|
||
options: {
|
||
dimensions: false,
|
||
titleProp: true,
|
||
},
|
||
}
|
||
);
|
||
|
||
// Modify the file loader rule to ignore *.svg, since we have it handled now.
|
||
fileLoaderRule.exclude = /\.svg$/i;
|
||
|
||
config.resolve.fallback = {
|
||
...config.resolve.fallback,
|
||
net: false,
|
||
tls: false,
|
||
crypto: false,
|
||
};
|
||
|
||
// Exclude better-sqlite3, D1, and Postgres modules from client-side bundle
|
||
if (!isServer) {
|
||
config.externals = config.externals || [];
|
||
config.externals.push({
|
||
'better-sqlite3': 'commonjs better-sqlite3',
|
||
'@vercel/postgres': 'commonjs @vercel/postgres',
|
||
'pg': 'commonjs pg',
|
||
});
|
||
|
||
config.resolve.alias = {
|
||
...config.resolve.alias,
|
||
'better-sqlite3': false,
|
||
'@/lib/d1.db': false,
|
||
'@/lib/d1-adapter': false,
|
||
'@/lib/postgres.db': false,
|
||
'@/lib/postgres-adapter': false,
|
||
};
|
||
}
|
||
|
||
return config;
|
||
},
|
||
};
|
||
|
||
const withPWA = require('next-pwa')({
|
||
dest: 'public',
|
||
disable: process.env.NODE_ENV === 'development',
|
||
register: true,
|
||
skipWaiting: true,
|
||
});
|
||
|
||
module.exports = withPWA(nextConfig);
|