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/目錄中的示例部署腳本以查看如何部署此站點。您可以在這裡看到一個演示網站。