【Lottie x Next.js】よく動くアニメーションの実装

はじめにNext.jsにおけるLottieを利用したアニメーションの実装方法を紹介します。 LottieとはLottieとはベクトルアニメーションのファイル形式のことであり、 JSONファイルが使われるため、非常に軽いサイズでアニメーションを実装することができ、SVGで出力されるため、サイズを拡大しても荒れたりせずに綺麗に表示されます。 Lottieファイルの準備LottieFilesやLordiconからLottieファイルをGETしましょう。 どちらのサイトもフリーの