> For the complete documentation index, see [llms.txt](https://docs.exile.watch/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.exile.watch/projects/nucleus/exile-watch-seo.md).

# @exile-watch/seo

<figure><img src="/files/phOqyIiKbklQTpQi6Q8A" alt="" width="200"><figcaption><p>exile.watch logo</p></figcaption></figure>

## About [`@exile-watch/seo`](https://github.com/exile-watch/nucleus/tree/main/packages/seo)

This package contains SEO meta configs, Next SEO dependency and a script to generate [sitemap.xml](https://developers.google.com/search/docs/crawling-indexing/sitemaps/overview) that powers exile.watch [SEO](https://developers.google.com/search/docs/fundamentals/seo-starter-guide#:~:text=SEO%E2%80%94short%20for%20search%20engine,site%20through%20a%20search%20engine.).

## About Next SEO

[Next SEO](https://github.com/garmeeh/next-seo) is a plugin that makes managing your SEO easier in Next.js projects.

## Usage

1. Install the package as a `dependency`:

```bash
npm i @exile-watch/seo
```

***

2. Example of `Next SEO` usage with `metaEncountersCategories` configuration:

<pre class="language-tsx"><code class="lang-tsx"><strong>// EncountersCategory.page.tsx
</strong><strong>import { metaEncountersCategories } from "@exile-watch/seo";
</strong>import { startCase } from "lodash";
import { NextSeo } from "next-seo";
import { useRouter } from "next/router";
import React from "react";
import { Layout } from "#components";
import ListEncounterCategories from "./_components/ListEncounterCategories/ListEncounterCategories";

const EncountersCategoryPage = () => {
  const {
    query: { directory, category },
  } = useRouter();

  return (
    &#x3C;>
      {directory &#x26;&#x26; category &#x26;&#x26; (
        &#x3C;NextSeo {...metaEncountersCategories({ directory, category })} />
      )}

      &#x3C;Layout label={startCase(category as string)}>
        &#x3C;ListEncounterCategories />
      &#x3C;/Layout>
    &#x3C;/>
  );
};

export { EncountersCategoryPage };

</code></pre>