Not Found Enhancer

'use client'
 
import { useNotFoundEnhancement } from '@trikinco/fullstack-components/client'
import Link from 'next/link'
 
export function NotFoundEnhancer() {
  const { data, isLoading } = useNotFoundEnhancement()
  const hasUrlSuggestions =
    data?.bestAlternateUrls && data.bestAlternateUrls.length > 0
 
  if (!data || isLoading) {
    return <p>Please wait, checking for other solutions...</p>
  }
 
  return (
    <div className="mt-6">
      {/* A helpful message derived from inspecting the `requestedUrl` and sitemap. */}
      <p>{data?.generatedContent}</p>
 
      {hasUrlSuggestions && (
        <>
          <p className="font-bold">
            Try one of these pages instead:
          </p>
          {/* A list of the most likely suitable URLs for the visitor to navigate to. */}
          {data?.bestAlternateUrls.map((url, i) => (
            <Link href={url} key={i} className="block">
              {url}
            </Link>
          ))}
        </>
      )}
 
      {!hasUrlSuggestions && (
        <p>
          Sorry we couldn't find additional pages for you to try
          this time.
        </p>
      )}
    </div>
  )
}

import {
  handleFSComponents,
  handleNotFoundEnhancement,
  type FSCOptions,
} from '@trikinco/fullstack-components'
 
const fscOptions: FSCOptions = {
  notFoundEnhancer: handleNotFoundEnhancement({
    openAiApiKey: process.env.OPENAI_API_KEY || '',
    /**
     * Required.
     * Full URL of your project.
     * @example local development 'http://localhost:3000'
     * @example production 'https://example.com'
     */
    siteUrl: process.env.NEXT_PUBLIC_HOST || '',
  }),
  // Additional options and handlers...
}
 
const fscHandler = handleFSComponents(fscOptions)
 
export { fscHandler as GET, fscHandler as POST }