> ## Documentation Index
> Fetch the complete documentation index at: https://strapi-suite.littlebox.pt/llms.txt
> Use this file to discover all available pages before exploring further.

# Page Attributes

> Learn how to use a page`s attributes

Any document can be treated as a page once a slug is assigned.
This makes it possible to define properties that support frontend integration, such as setting a parent document and
inheriting its [slug](/backend/guides/slug) to create a hierarchical URL.

## Parent

It’s useful when defining a page hierarchy, where the child automatically inherits the parent’s slug. This creates a clean, SEO-friendly URL.

For example, in an application with a news listing page at `/news`, clicking on a news item opens a detail page with a URL based on the parent page.
In this case, the URL combines the parent slug `/news` with the news title, such as "Littlebox Suite helped me build websites faster", resulting in a final URL like `/news/littlebox-suite-helped-me-build-websites-faster`.

**Step 1**: Access the Strapi admin panel.\
**Step 2**: Go to the <i>Content-Type Builder</i>.\
**Step 3**: Create a new single type called `news`.\
**Step 4**: Add the [slug](/backend/guides/slug) custom field and title field.\
**Step 5**: Create a new collection type called `news`.\
**Step 6**: Add the custom [slug](/backend/guides/slug) field and title field.\
**Step 7**: Go to the <i>Content Manager</i>.\
**Step 8**: Create a new entry in the single type with the title "News".

<img style={{ borderRadius: '0.5rem' }} src="https://mintcdn.com/littlebox/-V-36Cf2XSVdHw_h/images/backend-page-attributes-step-1.png?fit=max&auto=format&n=-V-36Cf2XSVdHw_h&q=85&s=338d5ba6390f9fb35c38e7fc1cfbf2db" width="1672" height="384" data-path="images/backend-page-attributes-step-1.png" />

**Step 9**: Create a new entry in the collection type with the title "Littlebox Suite helped me build websites faster".\
**Step 10**: In the left panel, under the Page Attributes section, set the parent to News.

<img style={{ borderRadius: '0.5rem' }} src="https://mintcdn.com/littlebox/-V-36Cf2XSVdHw_h/images/backend-page-attributes-step-2.png?fit=max&auto=format&n=-V-36Cf2XSVdHw_h&q=85&s=a50a5be1121e0c4102addf8b28290ac5" width="2242" height="540" data-path="images/backend-page-attributes-step-2.png" />

The document automatically inherits the parent’s slug and updates it whenever the parent’s slug changes.
This hierarchy can extend to three, four, or as many levels as needed. Simply select a parent for each document, as long as that parent also has its own parent.

## Template

This is useful when used with our [Next.js frontend](/frontend/introduction).\
This feature injects the document content directly into the template, making integration easier.

**Step 1**: Access the Strapi admin panel.\
**Step 2**: Go to the <i>Littlebox Strapi Suite</i>.\
**Step 3**: Select "Template".\
**Step 4**: Click "Create new entry".\
**Step 5**: Set a name and a UID. The UUID is used to locate the `.jsx` or `.tsx` file where the data will be injected.

<img style={{ borderRadius: '0.5rem' }} src="https://mintcdn.com/littlebox/-V-36Cf2XSVdHw_h/images/backend-page-attributes-step-3.png?fit=max&auto=format&n=-V-36Cf2XSVdHw_h&q=85&s=8ac69b6a4cf617b505931a322093fe40" width="3008" height="1708" data-path="images/backend-page-attributes-step-3.png" />

**Step 6**: Go to the <i>Content Manager</i>.\
**Step 7**: Create a new collection or a single type. Check the [requirements](/backend/installation#add-required-fields) before creating a new document.\
**Step 8**: Select the template created in `step 5` and save it.

<img style={{ borderRadius: '0.5rem' }} src="https://mintcdn.com/littlebox/-V-36Cf2XSVdHw_h/images/backend-page-attributes-step-4.png?fit=max&auto=format&n=-V-36Cf2XSVdHw_h&q=85&s=372ba43caf6afe67d88b70252245abb4" width="2284" height="1096" data-path="images/backend-page-attributes-step-4.png" />

For more information on how to retrieve data in the template, read the [template documentation](/frontend/guides/templates) in the frontend section.

## Priority and change frequency

In SEO, especially in XML sitemaps, the tags priority and changefreq (change frequency) are used to inform search engines about the relative importance of each page and how often the content is likely to change.
Although these tags don't guarantee that Google or other search engines will follow the suggestions exactly, they still provide helpful guidance.

For more information, read the [sitemap documentation](/frontend/guides/seo#sitemap) in the frontend section.

## API

To get the data from the frontend, use your preferred HTTP client:

```bash theme={null}
curl -X GET "/api/littlebox-strapi-suite/modules/pages?slug=<SLUG>&properties=attributes"
```

```json theme={null}
{
    "document": {
        "id": 26,
        "documentId": "i111r5p3pa73r6tm71b7lh86",
        "title": "Littlebox Suite helped me build websites faster",
        "slug": "news/littlebox-suite-helped-me-build-websites-faster",
        "createdAt": "2025-04-13T21:32:18.148Z",
        "updatedAt": "2025-04-13T21:50:12.142Z",
        "publishedAt": "2025-04-13T21:50:12.161Z",
        "locale": "en",
        "localizations": [
            {
                "id": 27,
                "documentId": "i111r5p3pa73r6tm71b7lh86",
                "title": "Littlebox Suite ajudou-me a construir sites mais rápido",
                "slug": "pt/noticias/littlebox-suite-ajudou-me-a-construir-sites-mais-rapido",
                "createdAt": "2025-04-13T21:37:55.693Z",
                "updatedAt": "2025-04-13T22:05:35.160Z",
                "publishedAt": "2025-04-13T22:05:35.185Z",
                "locale": "pt"
            }
        ]
    },
    "attributes": {
        "template": "default",
        "priority": "0.5",
        "frequency": "never",
        "parent": {
            "id": "wnzxub0s3ghckznjdkshgcw7",
            "model": "api::page.page"
        }
    }
}
```

<CardGroup cols={2}>
  <Card title="Frontend" icon="code" href="/frontend/introduction">
    Learn how our frontend streamlines integration with Strapi by automating repetitive tasks.
  </Card>

  <Card title="Hosting" icon="code" href="/hosting/plans">
    Explore our hosting solutions for staging and production environments.
  </Card>
</CardGroup>