Открыть содержание

Справочник продакта

Как устроен этот справочник

Технические принципы сайта: Hugo, мультиязычные маршруты, собственный CSS, минимальный JavaScript и статическая сборка.

Справочник собран как статический сайт: каждая статья превращается в готовый HTML ещё до публикации. Это сокращает объём клиентского кода, ускоряет первую загрузку и делает контент доступным даже при отключённом JavaScript.

Архитектура

Генератор Hugo отвечает за маршруты, Markdown, оглавление, sitemap, языковые версии и метаданные. В проекте нет React, Astro и библиотеки компонентов. Шаблоны находятся в layouts/, стили — в assets/css/main.css, а контент — в языковых каталогах content/.

Языковые версии

Английский — основной язык и открывается без префикса. Русская версия живёт в /ru/, немецкая — в /de/. У всех переводов совпадает translationKey, поэтому переключатель языка ведёт на ту же статью, а не на главную страницу.

Что работает в браузере

Небольшой файл на чистом JavaScript решает две задачи: сохраняет светлую или тёмную тему и выполняет поиск по локальному JSON-индексу. Навигация, чтение статей и смена языка работают без него.

Как обновлять материалы

Правьте нужный Markdown-файл в content/en, content/ru или content/de. Если добавляете статью, создайте версии с одинаковым относительным путём и translationKey: так Hugo автоматически свяжет переводы и добавит hreflang в HTML.