components/ui/SeoHead

SeoHead is a React component for injecting SEO-related meta tags into the document head using `react-helmet`. It supports dynamic title and description localization via `react-i18next`, and constructs canonical/Open Graph/Twitter metadata based on the provided `pageKey` and `path`.
Description:
  • SeoHead is a React component for injecting SEO-related meta tags into the document head using `react-helmet`. It supports dynamic title and description localization via `react-i18next`, and constructs canonical/Open Graph/Twitter metadata based on the provided `pageKey` and `path`.
Source:
Example
// Inside a page component
<SeoHead pageKey="home" path="/" />
Parameters:
Name Type Description
pageKey string The translation key suffix for fetching SEO title and description.
path string The relative URL path of the page (e.g., "/projects").
Returns:
A Helmet component injecting meta tags into the .
Type
JSX.Element