artful dodger

Хитрый уклон

Сайт Next.js для размещения художественной галереи с использованием таблиц Google и Google Drive в качестве бэкэнда.

Настраивать

Бэкэнд данных

Проект можно питать с помощью электронной таблицы Google, которая можно просматривать публично. Демо -сайт для этого проекта оснащен листом Google здесь. Вы можете настроить аналогичный документ и сделать его «читаемым» всеми со ссылкой.

В примере документа используются изображения из Интернета (свободно доступны на pexels.com). Но вы можете использовать диск Google для загрузки изображений. Затем вы можете либо использовать CDN, такой как облачный, для автоматического обслуживания изображений с Google Drive. Или загрузите изображения на свой веб -сервер в каталог, откуда вы обслуживаете сайт «встроенный».

Конфигурация

Чтобы настроить свой сайт, скопируйте файл env.local.default в .env.local

Вы можете использовать бесплатный сервис, такой как opensheet.vercel.app, чтобы преобразовать электронную таблицу в конечную точку JSON, либо использовать скрипт scripts/download-images для загрузки метаданных в качестве файла JSON на public/metadata.json . Вам необходимо удалить конфигурацию METADATA_URL из файла .env.local , если вы хотите использовать файл metadata.json из вашей public/ каталога.

Установить IMAGE_CDN_PREFIX="" Если вы используете локально загруженные изображения на своем сервере. Настройте миниатюры в документе Metadata, чтобы ваши изображения были найдены в месте - ${IMAGE_CDN_PREFIX}/image/${thumbnail} . Вы можете использовать ../ на миниатюре, если миниатюры не живут в каталоге image .

Кроме того, удалите конфигурацию FORCE_CDN , если вы хотите не использовать CDN при разработке локально.

Поиск неисправностей

С новыми версиями Nodejs (18+?), Если вы столкнетесь с следующей ошибкой:

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

Вы можете установить env var NODE_OPTIONS , чтобы разрешить провайдеру Legacy OpenSSL.

 export NODE_OPTIONS=--openssl-legacy-provider

Строитель и развертывание

yarn build строит сайт. И yarn export экспортирует сайт на статический сайт.

См. Пример развертывания сценариев в scripts/ каталоге, чтобы увидеть, как развернуть этот сайт. Вы можете увидеть демонстрационный сайт здесь.