artful dodger

The Artful Dodger

Situs Next.js untuk meng -host galeri seni menggunakan spreadsheet Google dan Google Drive sebagai backend.

Pengaturan

Backend Data

Proyek ini dapat didukung dengan menggunakan spreadsheet Google yang dapat dilihat secara publik. Situs demo untuk proyek ini ditenagai oleh lembar Google di sini. Anda dapat mengatur dokumen serupa dan membuatnya "dapat dibaca" oleh semua orang dengan tautan.

Dokumen contoh menggunakan gambar dari web (tersedia secara bebas di pexels.com). Tapi, Anda dapat menggunakan Google Drive untuk mengunggah gambar. Anda kemudian dapat menggunakan CDN seperti Cloudinary untuk secara otomatis melayani gambar dari Google Drive. Atau unduh gambar ke server web Anda ke direktori dari mana Anda melayani situs "dibangun".

Konfigurasi

Untuk mengonfigurasi situs Anda, salin file env.local.default ke .env.local dan edit untuk menunjuk ke google spreadsheet dan CDN Anda, jika Anda menggunakannya.

Anda dapat menggunakan layanan gratis seperti opensheet.vercel.app untuk mengonversi spreadsheet ke titik akhir JSON, atau menggunakan scripts/download-images untuk mengunduh metadata sebagai file JSON ke public/metadata.json . Anda perlu menghapus konfigurasi METADATA_URL dari file .env.local jika Anda menggunakan file metadata.json dari public/ direktori Anda.

Atur IMAGE_CDN_PREFIX="" Jika Anda menggunakan gambar yang diunduh secara lokal di server Anda. Konfigurasikan thumbnail dalam dokumen metadata sehingga gambar Anda dapat ditemukan di lokasi - ${IMAGE_CDN_PREFIX}/image/${thumbnail} . Anda dapat menggunakan ../ awalan pada thumbnail Anda, jika thumbnail tidak hidup di direktori image .

Juga, hapus konfigurasi FORCE_CDN , jika Anda tidak ingin menggunakan CDN saat mengembangkan secara lokal.

Pemecahan masalah

Dengan versi nodej yang lebih baru (18+?), Jika Anda mengalami kesalahan berikut:

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

Anda dapat mengatur NODE_OPTIONS env var untuk memungkinkan penyedia Legacy OpenSSL.

 export NODE_OPTIONS=--openssl-legacy-provider

Build & Deploy

yarn build Builds Situs. Dan yarn export akan mengekspor situs ke situs statis.

Lihat Sampel Menyerahkan skrip dalam scripts/ direktori untuk melihat cara menggunakan situs ini. Anda dapat melihat situs demo di sini.