参照：https://stackblitz.com/@GreenSockLearning/collections/gsap-nextjs-starters

nextjsでgsapを使う

<必要なもの>

上部 :

"use client";

import { gsap } from "gsap";
import { useEffect } from "react";

export const内：

const Page = () => {
	  useEffect(() => {
	    gsap.set(".posts", { y: 30, opacity: 0.4 });
	    gsap.to(".posts", {
	      duration: 2,
	      y: 0,
	      opacity: 1,
	      stagger: 0.2, 
	      ease: "power2.out", 
	    });
	  }, []);

注意点

「async await」を使っているとエラーになる