Skip to content

Commit 96e058f

Browse files
committed
docs: update README with new example links for NextJS
1 parent 77757a5 commit 96e058f

File tree

1 file changed

+5
-3
lines changed

1 file changed

+5
-3
lines changed

README.md

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -45,9 +45,10 @@ import { Animator, ScrollContainer, ScrollPage, batch, Fade, FadeIn, FadeOut, Mo
4545
```
4646

4747
- React 18 and 19 are fully supported
48+
- [View React 19 example code](https://github.com/1000ship/react-scroll-motion/tree/master/examples/react-19)
4849

4950

50-
### NextJS v12 or lower
51+
### NextJS Page router (v12 or lower)
5152
```jsx
5253
import dynamic from "next/dynamic";
5354
const Animator = dynamic(
@@ -59,16 +60,17 @@ import { ScrollContainer, ScrollPage, batch, Fade, FadeIn, FadeOut, Move, MoveIn
5960
```
6061
- **Check this out especially if you use *NextJS***
6162
- Please import `Animator` component with `next/dynamic` like upper code, when using NextJS
63+
- [View NextJS Page router example code](https://github.com/1000ship/react-scroll-motion/tree/master/examples/next-page-router)
6264

63-
### NextJS v13 or higher
65+
### NextJS App router (v13 or higher)
6466
```jsx
6567
"use client";
6668

6769
import { Animator, ScrollContainer, ScrollPage, batch, Fade, FadeIn, FadeOut, Move, MoveIn, MoveOut, Sticky, StickyIn, StickyOut, Zoom, ZoomIn, ZoomOut } from "react-scroll-motion";
6870
```
6971
- Please add `"use client";` at the top of your file, when using NextJS v13 or higher.
7072
- You don't need to use `next/dynamic` anymore
71-
- Here's NextJS v14 example code (https://github.com/1000ship/nextjs-14-react-scroll-motion)
73+
- [View NextJS App router example code](https://github.com/1000ship/react-scroll-motion/tree/master/examples/next-app-router)
7274

7375
## Example Code
7476
```jsx

0 commit comments

Comments
 (0)