Next.js embed

npm install @ethioreview/review-widget-next @ethioreview/review-widget-react

import {
  getWidgetResolveServerData,
  buildAggregateRatingJsonLd,
  toJsonLdScript,
} from "@ethioreview/review-widget-next";
import { ReviewWidget } from "@ethioreview/review-widget-react";
import "@ethioreview/review-widget-react/styles.css";

export default async function ReviewsSection() {
  const data = await getWidgetResolveServerData({
    baseUrl: "https://api.ethioreview.com",
    publicKey: process.env.NEXT_PUBLIC_ETHIOREVIEW_PUBLIC_KEY!,
    widgetId: process.env.NEXT_PUBLIC_ETHIOREVIEW_WIDGET_ID!,
  });

  const jsonLd = buildAggregateRatingJsonLd({
    businessId: process.env.NEXT_PUBLIC_ETHIOREVIEW_ORG_ID!,
    averageRating: data.ratingSummary?.averageRating ?? 0,
    reviewCount: data.ratingSummary?.reviewCount ?? 0,
  });

  return (
    <>
      <script
        type="application/ld+json"
        dangerouslySetInnerHTML={{ __html: toJsonLdScript(jsonLd) }}
      />
      <ReviewWidget
        baseUrl="https://api.ethioreview.com"
        publicKey={process.env.NEXT_PUBLIC_ETHIOREVIEW_PUBLIC_KEY!}
        widgetId={process.env.NEXT_PUBLIC_ETHIOREVIEW_WIDGET_ID!}
      />
    </>
  );
}

NEXT_PUBLIC_ETHIOREVIEW_PUBLIC_KEY=pk_test_YOUR_KEY
NEXT_PUBLIC_ETHIOREVIEW_WIDGET_ID=YOUR_WIDGET_ID
NEXT_PUBLIC_ETHIOREVIEW_ORG_ID=YOUR_ORG_PROFILE_ID