Загрузка видео...

Не удалось загрузить видео

На главную

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 просмотров • 2 лет назад

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 год назад

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 просмотров • 7 месяцев назад

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

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

Virginia Tech Football

501,981 просмотров • 1 год назад

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 просмотров • 9 месяцев назад

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 просмотров • 11 месяцев назад

New open-source dev tools marketing template dropped: - build with shadcn - content in MDX - static Next.js export (byo router) - boring elements (no fancy animations) - theme-aware images - ascii code snippets
0:47

New open-source dev tools marketing template dropped: - build with shadcn - content in MDX - static Next.js export (byo router) - boring elements (no fancy animations) - theme-aware images - ascii code snippets

Maximilian Kaske 🏓

24,620 просмотров • 7 месяцев назад

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

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

Jalen Rose

25,679 просмотров • 1 год назад