artful dodger

El ingenioso Dodger

Un sitio Next.js para organizar una galería de arte utilizando las hojas de cálculo de Google y Google Drive como un backend.

Configuración

Backend de datos

El proyecto se puede impulsar utilizando una hoja de cálculo de Google que se puede ver públicamente. El sitio de demostración para este proyecto está impulsado por la hoja de Google aquí. Puede configurar un documento similar y hacerlo "legible" por todos con el enlace.

El documento de ejemplo utiliza imágenes de la web (disponible gratuitamente en Pexels.com). Pero puede usar una unidad de Google para cargar las imágenes. Luego puede usar un CDN como Cloudinary para servir automáticamente las imágenes de Google Drive. O descargue las imágenes en su servidor web en el directorio desde donde está sirviendo el sitio "construido".

Configuración

Para configurar su sitio, copie el archivo env.local.default a .env.local y edítelo para señalar su hoja de cálculo de Google y su CDN, si está utilizando uno.

Puede usar un servicio gratuito como OpenSheet.vercel.App para convertir la hoja de cálculo en un punto final JSON, o usar el script scripts/download-images para descargar los metadatos como un archivo JSON a public/metadata.json . Debe eliminar la configuración de METADATA_URL del archivo .env.local si está con usar el archivo metadata.json de su public/ directorio.

Establezca IMAGE_CDN_PREFIX="" Si está utilizando imágenes descargadas localmente en su servidor. Configure las miniaturas en el documento de metadatos para que sus imágenes se puedan encontrar en la ubicación: ${IMAGE_CDN_PREFIX}/image/${thumbnail} . Puede usar un ../ prefijo en sus miniaturas, si las miniaturas no viven en un directorio image .

Además, elimine la configuración FORCE_CDN , si desea no usar CDN cuando se desarrolle localmente.

Solución de problemas

Con versiones más nuevas de NodeJS (18+?), Si se encuentra con el siguiente error:

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

Puede establecer el NODE_OPTIONS env var para permitir el proveedor Legacy OpenSSL.

 export NODE_OPTIONS=--openssl-legacy-provider

Construir e implementar

yarn build construye el sitio. Y yarn export exportaría el sitio a un sitio estático.

Vea la muestra de scripts de implementación en los scripts/ directorio para ver cómo implementar este sitio. Puede ver un sitio de demostración aquí.