Template Base 🐼

Template Base 🐼
template-base-six.vercel.app
Вигляд:
Сучасний шаблон на React для створення інтерактивної документації та баз знань на основі Markdown. Він містить готовий інтерфейс із навігацією, пошуком, перемиканням теми, адаптивною версткою, підтримкою зворотного зв'язку та налаштованими блоками контенту, що дозволяє зосередитися на наповненні, а не на створенні інтерфейсу документації з нуля.
Репозиторій
Демо-сторінка

Можливості

✔Контент на основі Markdown: Документація створюється за допомогою стандартного Markdown із підтримкою GitHub Flavored Markdown.
✔Структурована навігація: Автоматично створює дерево навігації на основі заголовків Markdown.
✔Потужний пошук: Пошук по всій документації з підсвічуванням збігів та навігацією між результатами.
✔Адаптивний інтерфейс: Інтерфейс документації адаптується до настільних, планшетних та мобільних екранів.
✔Темна тема: Підтримує світлу, темну та системну тему зі збереженням вибраної настройки локально.
✔Кастомні колонки контенту: Підтримує `cols-2`, `cols-3` та інші налаштовані Markdown-сітки для організації інформації у картки та колонки.
✔Зворотний зв'язок через виділення тексту: Виділіть будь-який текст та натисніть `Ctrl + Enter` / `Cmd + Enter`, щоб надіслати його як відгук.
✔Feedback API: Містить безсерверний API endpoint для отримання відгуків користувачів.
✔Налаштування: Має інтерфейс налаштувань для керування темою та автоматичним виділенням тексту.
✔Анімація завантаження: Відображає легку анімацію завантаження під час підготовки Markdown-контенту.
✔Сучасна архітектура React: Побудований на React 19, React Compiler, Vite та сучасному frontend-інструментарії.
✔Tailwind CSS: Використовує Tailwind CSS v4 для стилізації та адаптивної верстки.
✔Легка кастомізація: Шаблон можна адаптувати під бази знань, документацію підтримки, внутрішні інструкції, FAQ та інший структурований контент.

Використані технології

React
Vite
TailwindCSS
Motion
GitHub Pages
HTML
JavaScript

Структура проєкту