How to specify search results for specific routes?

[KamilDev]

I have a /blog and /docs, how can I make the search only return results relevant for the specific page? I only know how to change the search results globally, but not individually.

lib/source.ts

import { docs, meta } from '@/.source';
import { createMDXSource } from 'fumadocs-mdx';
import { loader } from 'fumadocs-core/source';
import { blogPosts } from '@/.source';

export const source = loader({
  baseUrl: '/docs',
  source: createMDXSource(docs, meta)
});

export const blog = loader({
  baseUrl: '/blog',
  source: createMDXSource(blogPosts, [])
});

app\api\search\route.ts

import { source } from '@/lib/source';
import { createFromSource } from 'fumadocs-core/search/server';

export const { GET } = createFromSource(source); // can change to blog but will also affect /docs

[fuma-nama]

If you want to merge the two sources into a single search route, you can pass by index: https://fumadocs.vercel.app/docs/headless/search/orama#from-search-indexes

[KamilDev]

Sorry, I mean how can I have separate search routes when on /blog and /docs?

Like when in /docs page it uses:

export const { GET } = createFromSource(source);

When in /blog page it uses:

export const { GET } = createFromSource(blog);

[fuma-nama]

You can also use tag filter, or change the search API route with the api field in search options in root provider: https://fumadocs.vercel.app/docs/ui/search#search-options

[KamilDev]

Is this a good approach?

'use client';

import { usePathname } from 'next/navigation';
import { RootProvider } from 'fumadocs-ui/provider';
import { PropsWithChildren } from 'react';

export function SearchProvider({ children }: PropsWithChildren) {
  const pathname = usePathname() ?? '';
  const api = pathname.startsWith('/docs')
    ? '/api/search/docs'
    : pathname.startsWith('/blog')
      ? '/api/search/blog'
      : '/api/search';

  return (
    <RootProvider
      search={{
        options: {
          api
        }
      }}
    >
      {children}
    </RootProvider>
  );
}

By the way, is the RootProvider search option api field in the documentation? I could not find it when looking in documentation.

[fuma-nama]

Yes it is fine