Help/Question: How to use pagefind in NextJS app/api

[gfazioli]

Hello,
I just migrated one of my projects from Nextra 3 to Nextra 4, and now pagefind is used for search functionalities. From the website's perspective, everything works well, but I need to create an API, for example:

import { type NextRequest } from 'next/server';

export async function GET(request: NextRequest) {
  const searchParams = request.nextUrl.searchParams;
  const query = searchParams.get('query');
  // query is "hello" for /api/search?query=hello

  return new Response(`Hello, ${query}!`, {
    headers: { 'content-type': 'text/plain' },
  });
}

How can I use pagefind here? It's not mentioned in the official documentation for use with Next.js...

[dimaMachina]

Hi, you need import pagefind.js from public folder, take a look at Nextra’s Search component

nextra/packages/nextra/src/client/components/search.tsx

Lines 21 to 23 in 4727d96

	window.pagefind = await import(
	/* webpackIgnore: true */ addBasePath('/_pagefind/pagefind.js')
	)