正在加载视频...

视频加载失败

返回首页

Modal in Next.js 13

asidorenko_'s profile picture

Alex Sidorenko

35,094 subscribers

111,844 次观看 • 2 年前 •via X (Twitter)

科学技术教育
LIVE

Anya Rossi• Live Now

Private livecam show

10 条评论

Luca Matteis 的头像
Luca Matteis2 年前

Why not use parallel routes? They mainly cover the modal use-case In this implementation you are refetching the page every time you open a modal; instead of just refetching the modal page

Alex Sidorenko 的头像
Alex Sidorenko2 年前

Parallel routes modal animation is on my list

Pacorro 的头像
Pacorro2 年前

you should make one with the intercepting routes

Ken Mwangi 的头像
Ken Mwangi2 年前

Cool UI and interactions

Md Shafikur Rahaman 的头像
Md Shafikur Rahaman2 年前

Very helpful Thanks. It is better than intercepting routes? or what is the different between them?

Yomaru 的头像
Yomaru2 年前

I like how you illustrate it👍

yinka 的头像
yinka2 年前

sexy

قاسم 的头像
قاسم2 年前

Great approach

Tuyen Vd. 的头像
Tuyen Vd.2 年前

look good! btw, what is the theme of your editor?

Alex Sidorenko 的头像
Alex Sidorenko2 年前

Monokai

相关视频

Modal with intercepting route in Next.js 13
1:44

Modal with intercepting route in Next.js 13

Alex Sidorenko

161,725 次观看 • 2 年前

Modal with parallel routes in Next.js (without intercepting)
1:03

Modal with parallel routes in Next.js (without intercepting)

Alex Sidorenko

195,424 次观看 • 2 年前

Middleware in Next.js 13
0:29

Middleware in Next.js 13

Alex Sidorenko

41,165 次观看 • 2 年前

Middleware in Next.js 13
0:22

Middleware in Next.js 13

Alex Sidorenko

52,722 次观看 • 2 年前

Caching in Next.js 13
0:56

Caching in Next.js 13

Alex Sidorenko

77,354 次观看 • 2 年前

Internationalization (i18n) in Next.js 13
1:09

Internationalization (i18n) in Next.js 13

Alex Sidorenko

201,731 次观看 • 2 年前

Dynamic parallel routes in Next.js 13
1:12

Dynamic parallel routes in Next.js 13

Alex Sidorenko

138,833 次观看 • 2 年前

Authentication in Next.js 13 using Clerk
1:07

Authentication in Next.js 13 using Clerk

Alex Sidorenko

127,010 次观看 • 2 年前

GitHub authentication in Next.js 13 with NextAuth
1:33

GitHub authentication in Next.js 13 with NextAuth

Alex Sidorenko

146,834 次观看 • 2 年前

Infinite scroll in Next.js 13 with server actions
1:42

Infinite scroll in Next.js 13 with server actions

Alex Sidorenko

166,418 次观看 • 2 年前

Protect routes with next-auth middleware in Next.js 13
0:44

Protect routes with next-auth middleware in Next.js 13

Alex Sidorenko

139,308 次观看 • 2 年前

When to use Server vs Client components in Next.js 13
0:50

When to use Server vs Client components in Next.js 13

Alex Sidorenko

148,155 次观看 • 2 年前

Server-side search with Next.js 13 and server components
0:34

Server-side search with Next.js 13 and server components

Alex Sidorenko

208,536 次观看 • 2 年前

Announcing 🍿 Movies: - a learning app built in many JavaScript frameworks! Next.js 13+, Nuxt, Angular, Qwik, Astro, Enhance, Solid & more!
1:28

Announcing 🍿 Movies: - a learning app built in many JavaScript frameworks! Next.js 13+, Nuxt, Angular, Qwik, Astro, Enhance, Solid & more!

Addy Osmani

112,538 次观看 • 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 个月前

cacheComponents in Next.js (canary)
0:42

cacheComponents in Next.js (canary)

Alex Sidorenko

38,423 次观看 • 9 个月前

devtoolSegmentExplorer in Next.js 15.4
0:26

devtoolSegmentExplorer in Next.js 15.4

Alex Sidorenko

26,562 次观看 • 11 个月前

View Transitions in Next.js 15.2
0:21

View Transitions in Next.js 15.2

Alex Sidorenko

65,135 次观看 • 1 年前

React compiler in Next.js 15
0:28

React compiler in Next.js 15

Alex Sidorenko

184,898 次观看 • 2 年前

Optimistic drag and drop in Next.js
1:13

Optimistic drag and drop in Next.js

Alex Sidorenko

123,800 次观看 • 2 年前