Using clover-iiif with Next.js

Overview

I created a sample repository for using clover-iiif with Next.js, so here are my notes.

clover-iiif is described as follows.

Extensible IIIF front-end toolkit and Manifest viewer. Accessible. Composable. Open Source.

We will use this with Next.js.

“Koui Genji Monogatari (held by the National Diet Library)” is used as sample data.

It is published at the following link.

I referenced the following.

For client-side execution, the following workaround was necessary.

There may be some incomplete aspects, but I hope this serves as a helpful reference.