---
url: https://gudhub.com/uk/docs/ssr-ssg/website/configs/breadcrumbs-config/
title: "Breadcrumbs Config\n                #"
description: "The breadcrumbsConfig object is used to define the structure and content of breadcrumbs for website. Breadcrumbs help users navigate the site hierarchy and impr"
lang: uk
updated: 2026-09-11T16:07:10.436Z
---

# Breadcrumbs Config [#](https://gudhub.com/uk/docs/ssr-ssg/website/configs/breadcrumbs-config/#breadcrumbs-config)

The `breadcrumbsConfig` object is used to define the structure and content of breadcrumbs for website. Breadcrumbs help users navigate the site hierarchy and improve the overall user experience.

### Root Configuration [#](https://gudhub.com/uk/docs/ssr-ssg/website/configs/breadcrumbs-config/#root-configuration)

The root of a configuration is an array of objects. Each object represents a configuration with a language option if the site is multilingual.

### **Key Properties** [#](https://gudhub.com/uk/docs/ssr-ssg/website/configs/breadcrumbs-config/#key-properties)

| **Property Name** | **Type** | **Description** |
| :-- | :-- | :-- |
| `langCode` | `string` | A string representing the language code (e.g., 'uk' for Ukrainian). |
| `defaultLang` | `boolean` | A boolean indicating whether this language is the default one for the site. |
| `routesTree` | `object` | An object defining the hierarchy of breadcrumbs for the language. |

---

### **routesTree Properties** [#](https://gudhub.com/uk/docs/ssr-ssg/website/configs/breadcrumbs-config/#routestree-properties)

The `routesTree` object defines the breadcrumb structure for navigation.

| **Property Name** | **Type** | **Description** |
| :-- | :-- | :-- |
| `title` | `string` | A string representing the name of the breadcrumb, displayed to the user. |
| `link` | `string` | A string defining the URL path associated with the breadcrumb. |
| `childs` | `array` | An array of objects representing child breadcrumbs. Each child object has the same structure (title and link properties, with its own `childs` array). |

Копіювати

```javascript
export const breadcrumbsConfig = [
    {
        langCode: 'string',
        defaultLang: true,
        routesTree: {
            title: "string",
            link: "string",
            childs: [
                {
                    title: "string",
                    link: "string",
                    childs: [],
                }
            ]
        }
    }
];
```