概要
clover-iiifをNext.jsで使用するサンプルリポジトリを作成したので、備忘録です。
https://clover-iiif-demo.vercel.app/
背景
clover-iiifは以下のように説明されています。
https://github.com/samvera-labs/clover-iiif
Extensible IIIF front-end toolkit and Manifest viewer. Accessible. Composable. Open Source.
（日本語訳）拡張可能な IIIF フロントエンドツールキットとマニフェストビューア。
これをNext.jsで使用します。
データ
「校異源氏物語（国立国会図書館所蔵）」をサンプルデータとして使用します。
https://dl.ndl.go.jp/pid/3437686
リポジトリ
以下で公開しています。
https://github.com/nakamura196/clover-iiif-demo
以下を参考にしました。
https://samvera-labs.github.io/clover-iiif/docs/composing
クライアントサイドでの実行にあたり、以下のような工夫が必要でした。
まとめ
不完全な点もあるかと思いますが、参考になりましたら幸いです。