Search with Next.js 13

How to create Search Experience with Next.js 13

We will focus on 3 main approach to create search experience with Next.js: Local, Client and Server.

Local

Local Search with useState

Local

Local Search with Jotai

Client

Client-side Search with SWR

Client

Client-side Search with useQuery

Server

Server-side Search with Search Params

Server

Server-side Search with Next.js 13's Server Actions