Search & Research

Perplexity AI

AI-powered search engine that provides accurate answers with citations

Perplexity AI combines the power of large language models with real-time web search to provide accurate, cited answers to user queries. Unlike traditional search engines, it synthesizes information from multiple sources and presents coherent responses with proper attribution. The platform is particularly useful for research, fact-checking, and getting comprehensive answers to complex questions.

Features

Real-time Search

Live web information access

Source Citations

Proper attribution and references

Synthesis

Multi-source information combining

Fact Checking

Accuracy verification tools

Layout example

Add the widget script to your layout for multiple pages.

File:components/SensayScript.tsx

"use client";

import Script from "next/script";
import { useEffect, useId } from "react";

export default function SensayScript({ src }: { src: string }) {
  // Generate a unique ID for script so NextJS can run it on client side navigation.
  // NextJS Script component by default runs script only once based on the src value.
  const id = useId();
  const url = new URL(src);
  url.searchParams.set("id", id);

  // Destroy the chatbot when the component unmounts.
  // Destroy chatbot elements as NextJS doesn't clean up the Script component on client side navigation.
  useEffect(() => {
    return () => {
      window.SensayChatbot?.destroy();
    };
  }, []);

  return <Script src={url.toString()} strategy="afterInteractive" />;
}

File:app/products/layout.tsx

import SensayScript from "@/components/SensayScript";

export default function ProductsLayout({ children }) {
  return (
    <div>
      {children}
      <SensayScript src="https://chat-widget.sensay.io/<chatbot-identifier>/embed-script.js" />
    </div>
  )
}