Мой стартовый шаблон для вёрстки: Minista + JSX + Vite — без Gulp и Webpack

✏️ Разбираемся, как устроен мой стартовый шаблон для вёрстки на базе Minista и Vite. Устанавливаем сборку через npm create, выбираем JS или TypeScript, изучаем структуру проекта и все ключевые конфиги. Объясняю логику организации src/, показываю каждый компонент из pages, layouts, sections и components. Рассказываю, как работают встроенные в Minista компоненты Head, Image, Icon. Показываю, как подключаются фавиконки, скрипты, шрифты, глобальные стили. Обсуждаем Sass-хелперы, миксины, утилиты и PostCSS-плагины, которые автоматизируют рутину и ускоряют разработку. 🔴 Timeline: ▶ 00:00 | Введение ▶ 00:47 | Установка стартового шаблона ▶ 02:28 | Обзор README.md — документация стартового шаблона ▶ 03:11 | Обзор package.json — зависимости и скрипты ▶ 09:08 | Обзор .gitignore — игнорируемые гитом файлы и папки ▶ 09:37 | Обзор minista.config.js и jsconfig.json — алиасы, оптимизация картинок, SVG-спрайты, CSS-модули, настройки Sass, конфигурация Vite ▶ 12:22 | Обзор postcss.config.js — параметры PostCSS и плагинов ▶ 13:56 | Линтеры и форматтер — ESLint, Stylelint, Prettier ▶ 16:50 | Структура src: папка assets ▶ 18:08 | Структура src: папка pages. Роутинг по страницам (маршрутизация) ▶ 19:33 | Страница 404 ▶ 22:39 | Файл global.jsx. Компонент Head (Minista). Подключение скриптов. Подключение фавиконок ▶ 23:35 | Базовая структура компонента. Компонент layouts/Footer ▶ 24:55 | Компонент layouts/Section ▶ 26:26 | Компонент layouts/Header ▶ 28:22 | Компоненты sections/About и...