正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

Search box with next/form in Next.js 15

Alex Sidorenko

34,193 subscribers

86,316 次观看 • 1 年前 •via X (Twitter)

教育科学技术

Anya Rossi• Live Now

Private livecam show

9 条评论

Alex Sidorenko 的头像

Alex Sidorenko1 年前

Folks using the mobile Twitter app - does this video look more blurry than the previous one or the same?

freddie 的头像

freddie1 年前

finally nextjs has caught up with remix v1!

Andrew Aliaj 的头像

Andrew Aliaj1 年前

You should do a tutorial on building a global search bar in Next.js

Alex Sidorenko 的头像

Alex Sidorenko1 年前

What sort of global search bar? Something like this?

Diego Artiles 的头像

Diego Artiles1 年前

Hey @asidorenko_, which extension is it that you use to hide taild classes?

Wael Assaf 的头像

Wael Assaf1 年前

What's the magic here? How's it different from native html form?

Alex Sidorenko 的头像

Alex Sidorenko1 年前

It behaves like the native HTML form but uses soft navigation. So, no page reload, layouts don't re-render, etc..

Wael Assaf 的头像

Wael Assaf1 年前

How's the 15.0.0?

Alex Sidorenko 的头像

Alex Sidorenko1 年前

I haven't had time to explore much yet. Recorded the demo on rc2. Will post more videos on it soon

相关视频

Next.js 15: <Form> • Prefetching • Client-side navigation • Progressive enhancement It is useful for forms that navigate to a new page, such as a search form that leads to a results page.

Next.js 15: <Form> • Prefetching • Client-side navigation • Progressive enhancement It is useful for forms that navigate to a new page, such as a search form that leads to a results page.

Delba

67,908 次观看 • 1 年前

Server-side form validation in Next.js

Server-side form validation in Next.js

Alex Sidorenko

72,160 次观看 • 2 年前

Introducing Upstash Search UI - a beautiful, shadcn-inspired search component 🎉 ◆ Pre-styled & accessible out of the box ◆ Built-in keyword highlighting ◆ Perfect for React & Next.js Add beautiful, professional search to your app in seconds 👀

Introducing Upstash Search UI - a beautiful, shadcn-inspired search component 🎉 ◆ Pre-styled & accessible out of the box ◆ Built-in keyword highlighting ◆ Perfect for React & Next.js Add beautiful, professional search to your app in seconds 👀

Upstash

26,953 次观看 • 1 年前

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

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

Alex Sidorenko

208,545 次观看 • 3 年前

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

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

Alex Sidorenko

139,308 次观看 • 2 年前

React compiler in Next.js 15

React compiler in Next.js 15

Alex Sidorenko

184,898 次观看 • 2 年前

Introducing searchable YouTube videos built w/ Upstash Search! 🎉 ◆ Paste any YouTube video ◆ Search by text ("when did he say Next.js 15") ◆ Jump to exact moment in video 100% open-source, quick demo 👇

Introducing searchable YouTube videos built w/ Upstash Search! 🎉 ◆ Paste any YouTube video ◆ Search by text ("when did he say Next.js 15") ◆ Jump to exact moment in video 100% open-source, quick demo 👇

Upstash

33,292 次观看 • 11 个月前

How to show inline loading indicator when updating search params in Next.js (App Router)

How to show inline loading indicator when updating search params in Next.js (App Router)

Alex Sidorenko

61,834 次观看 • 1 年前

Next.js 15 next.config.js → next.config.ts

Next.js 15 next.config.js → next.config.ts

Delba

86,251 次观看 • 1 年前

Impress your boss with this search box tip. 🤓

Impress your boss with this search box tip. 🤓

Excel Dictionary

565,254 次观看 • 3 年前

GitHub authentication in Next.js 13 with NextAuth

GitHub authentication in Next.js 13 with NextAuth

Alex Sidorenko

146,834 次观看 • 2 年前

Pagination in Next.js 13 with server components

Pagination in Next.js 13 with server components

Alex Sidorenko

140,144 次观看 • 3 年前

Modal with intercepting route in Next.js 13

Modal with intercepting route in Next.js 13

Alex Sidorenko

161,737 次观看 • 2 年前

Search with Advanced Voice in ChatGPT, rolling out over the next week.

Search with Advanced Voice in ChatGPT, rolling out over the next week.

OpenAI

54,254 次观看 • 1 年前

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

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

Alex Sidorenko

195,432 次观看 • 2 年前

Upload a file with server action in Next.js

Upload a file with server action in Next.js

Alex Sidorenko

83,954 次观看 • 2 年前

Infinite scroll in Next.js 13 with server actions

Infinite scroll in Next.js 13 with server actions

Alex Sidorenko

166,418 次观看 • 3 年前