💬

【GSAP】GSAP Practice【#20 GSAP Nextjs Setup】

2025/01/30に公開

【#20 GSAP Nextjs Setup】

YouTube: https://youtu.be/orsVUhGR66M
https://youtu.be/orsVUhGR66M

今回はGSAPをNextjsで使用できるように
セットアップを行います。

https://nextjs.org/docs/app/getting-started/installation

https://github.com/darkroomengineering/lenis

https://gsap.com/docs/v3/Installation

package.json
  "dependencies": {
    "gsap": "^3.12.7",
    "lenis": "^1.1.20",
    "next": "15.1.6",
    "react": "^19.0.0",
    "react-dom": "^19.0.0"
  },
npx create-next-app@latest

npm i lenis

npm install gsap

//バージョンを指定する方法
npm install gsap@3.12.7

Discussion