概要

ジャパンサーチでは、ジャパンサーチ内で使われている画面の構成要素を、部品としてジャパンサーチ以外のウェブサイトでも利用できる機能であるウェブパーツを提供しています。

今回、Next.jsで本機能を使用する機会がありましたので、その備忘録です。

使用例

以下のページでご確認いただけます。

以下で公開しています。

以下のように、Scriptタグを使ってjsファイルを読み込むことで、うまく表示させることができました。

ジャパンサーチのウェブパーツを同様の環境でお使いになられる際の参考になりましたら幸いです。