artful dodger

勇敢的躲闪

Next.js网站，使用Google电子表格和Google Drive作为后端托管美术馆。

设置

数据后端

该项目可以通过使用可公开查看的Google电子表格来供电。该项目的演示站点由Google Sheet供电。您可以设置一个类似的文档，并通过链接的每个人使其“可读”。

该示例文档使用Web中的图像（在Pexels.com上免费获得）。但是，您可以使用Google驱动器上传图像。然后，您可以使用像Cloudinary这样的CDN来自动为Google Drive提供图像。或将图像下载到您的Web服务器上的目录中，从您提供“构建”网站的位置。

配置

要配置您的网站，请将env.local.default文件复制到.env.local ，并将其编辑为指向您的Google电子表格和CDN，如果您使用的是一个。

您可以使用opensheet.vercel.app之类的免费服务将电子表格转换为JSON端点，也可以使用scripts/download-images脚本将元数据作为JSON文件下载到public/metadata.json 。如果您.env.local public/ directory使用METADATA_URL metadata.json 。

设置IMAGE_CDN_PREFIX=""如果您在服务器上使用本地下载的图像。在元数据文档中配置缩略图，以便可以在位置找到您的图像 - ${IMAGE_CDN_PREFIX}/image/${thumbnail} 。如果缩略图不在image目录中，则可以在缩略图上使用../前缀。

另外，如果您希望在本地开发时不使用CDN，请删除FORCE_CDN配置。

故障排除

使用nodejs（18+？）的较新版本，如果遇到以下错误：

  opensslErrorStack: [ ' error:03000086:digital envelope routines::initialization error ' ],
  library: ' digital envelope routines ' ,
  reason: ' unsupported ' ,
  code: ' ERR_OSSL_EVP_UNSUPPORTED '

您可以将NODE_OPTIONS env var设置为允许传统openssl提供商。

 export NODE_OPTIONS=--openssl-legacy-provider

构建和部署

yarn build构建该网站。 yarn export将将站点导出到静态站点。

请参阅scripts/目录中的示例部署脚本以查看如何部署此站点。您可以在这里看到一个演示网站。