正在加载视频...

视频加载失败

返回首页

enter/exit page animations in Next.js

asidorenko_'s profile picture

Alex Sidorenko

35,057 subscribers

61,956 次观看 • 1 年前 •via X (Twitter)

艺术科学技术教育
LIVE

Anya Rossi• Live Now

Private livecam show

11 条评论

Nithur 的头像
Nithur1 年前

cool one! no need for 'use client' directive?

Alex Sidorenko 的头像
Alex Sidorenko1 年前

Nope, no client-side JS is involved

Sakshham Bhagat 的头像
Sakshham Bhagat1 年前

have to try this. thanks for posting

Andre Barbosa 的头像
Andre Barbosa1 年前

All version ?

Alex Sidorenko 的头像
Alex Sidorenko1 年前

15.2+

Iramazan 的头像
Iramazan1 年前

thanks for sharing

Trading Developer 的头像
Trading Developer1 年前

Nice work!

Serhii Bedrytskyi 的头像
Serhii Bedrytskyi1 年前

Where you edit videos, Alex? Could you recommend something simple?

Alex Sidorenko 的头像
Alex Sidorenko1 年前

Screen Studio

Israel 🤖 的头像
Israel 🤖1 年前

This but on a background color for theme switching?

Alex Sidorenko 的头像
Alex Sidorenko1 年前

Whatever you want. You have complete control of the old and new screens in css.

相关视频

New Compready website Stack: Next.js + @Figma Animations: Jitter + AE ~1 month design + dev 257% increase in conversions
0:33

New Compready website Stack: Next.js + @Figma Animations: Jitter + AE ~1 month design + dev 257% increase in conversions

Ivan Boroja

21,433 次观看 • 7 个月前

Setting a cookie in server action automatically re-renders the current page and its layouts in Next.js
0:20

Setting a cookie in server action automatically re-renders the current page and its layouts in Next.js

Alex Sidorenko

107,205 次观看 • 9 个月前

Metallica in Maroon & Orange! Exit Light, Enter Night ⚡️
0:30

Metallica in Maroon & Orange! Exit Light, Enter Night ⚡️

Brent Pry

82,876 次观看 • 1 年前

I can't stop seeing #CSS View Transitions! here I'm animating new `node.textContent`, letting the browser handle the morph while bringing in custom animations (and stagger) for stage enter and stage exit 🥲 try it
0:51

I can't stop seeing #CSS View Transitions! here I'm animating new `node.textContent`, letting the browser handle the morph while bringing in custom animations (and stagger) for stage enter and stage exit 🥲 try it

Adam Argyle

469,499 次观看 • 3 年前

Exit Drew Enter player/coach #WWERaw
1:38

Exit Drew Enter player/coach #WWERaw

WWE

917,429 次观看 • 2 年前

How to use Next.js metadata if the page is a client component
0:33

How to use Next.js metadata if the page is a client component

Alex Sidorenko

91,579 次观看 • 1 年前

EXIT LIGHT, ENTER NIGHT ⚡️ #ThisIsHome | #M72VirginiaTech
1:55

EXIT LIGHT, ENTER NIGHT ⚡️ #ThisIsHome | #M72VirginiaTech

Virginia Tech Football

502,012 次观看 • 1 年前

Next.js preserves client state on the page during navigation when cacheComponents is enabled
0:20

Next.js preserves client state on the page during navigation when cacheComponents is enabled

Alex Sidorenko

161,065 次观看 • 8 个月前

Exit Susan Nakhumicha. Enter Deborah Barasa.
0:59

Exit Susan Nakhumicha. Enter Deborah Barasa.

Caxstone P. Kigata

82,606 次观看 • 1 年前

In London, they don't want to pay for transport, so they enter and exit through the disabled exit. A society like this is doomed to collapse.
0:23

In London, they don't want to pay for transport, so they enter and exit through the disabled exit. A society like this is doomed to collapse.

RadioGenoa

160,429 次观看 • 2 个月前

Next.js Conf returns Oct 22 Live in SF. Streaming worldwide. Next.js 16. Workshops. Community. Lock in →
0:25

Next.js Conf returns Oct 22 Live in SF. Streaming worldwide. Next.js 16. Workshops. Community. Lock in →

Next.js

155,197 次观看 • 10 个月前

In Next.js (with cacheComponents), awaiting runtime data (like "params") defines the static/dynamic boundary of your page Move awaits closer to where they're needed
0:22

In Next.js (with cacheComponents), awaiting runtime data (like "params") defines the static/dynamic boundary of your page Move awaits closer to where they're needed

Alex Sidorenko

20,803 次观看 • 7 个月前

Introducing A tool for creating animations of your code, in HD. With support for React, Vue, Astro, Python & many more. Built with Remotion, Next.js, shadcn, PlanetScale, & more.
0:53

Introducing A tool for creating animations of your code, in HD. With support for React, Vue, Astro, Python & many more. Built with Remotion, Next.js, shadcn, PlanetScale, & more.

David Parks

105,727 次观看 • 2 年前

cacheComponents in Next.js (canary)
0:42

cacheComponents in Next.js (canary)

Alex Sidorenko

38,439 次观看 • 9 个月前

Modal in Next.js 13
1:19

Modal in Next.js 13

Alex Sidorenko

111,847 次观看 • 2 年前

devtoolSegmentExplorer in Next.js 15.4
0:26

devtoolSegmentExplorer in Next.js 15.4

Alex Sidorenko

26,562 次观看 • 1 年前

Enter a Learner: Exit a Leader. 🎓🎓🎓🎓🎓
0:33

Enter a Learner: Exit a Leader. 🎓🎓🎓🎓🎓

Jalen Rose

25,679 次观看 • 1 年前

The moment facts enter the room, Pseudo-Secularists 🤡 exit it.
0:54

The moment facts enter the room, Pseudo-Secularists 🤡 exit it.

🇮🇳 𝓐 𝓙 ☀️

183,259 次观看 • 10 个月前