Строка запроса в NextJS

После знака '?' в адресе идут пары ключ=значение. Их читают через объект URL запроса - request.nextUrl.searchParams. Метод get вернет строку или null, если параметра нет.

Давайте отфильтруем пользователей по подстроке в имени. В файле route.js каталога users прочитаем параметр q и вернем только подходящие записи:

import { users } from './data';

export async function GET(request) {
	let q = request.nextUrl.searchParams.get('q');
	
	if (!q) {
		return Response.json(users);
	}
	
	let needle = q.toLowerCase();
	let filtered = users.filter(function (user) {
		return user.name.toLowerCase().includes(needle);
	});
	
	return Response.json(filtered);
}

Добавьте к списку городов фильтр по параметру q так же, как в примере с пользователями.

/src/
- /app/
  - /users/
    - data.js
    - route.js