AstroBase — это готовый стартовый шаблон, сфокусированный на максимальной производительности, чистоте кода и потрясающем Developer Experience (DX).
Почему Vanilla CSS?
Мы встроили в шаблон мощную систему дизайн-токенов (tokens.css). Она содержит:
- Продуманную палитру нейтральных и брендовых цветов.
- Математически выверенную шкалу отступов (
--space-xsдо--space-3xl). - Переменные для типографики, радиусов скруглений и теней.
Использование «чистого» CSS позволяет избавиться от зависимостей (например, Tailwind, Sass или CSS-in-JS). Браузер мгновенно парсит нативные CSS-переменные, что экономит массу времени и ресурсов при отрисовке, а бандл остается легким.
Zero JS – Это Реально
AstroBase генерирует 100% статический HTML (0kb client-side Javascript). Весь интерактив (например, hover-эффекты на карточках) реализован исключительно через CSS.
Если вам когда-нибудь понадобится интерактивный компонент (допустим, сложный слайдер или форма React), вы можете добавить его используя Astro Islands, но по умолчанию мы оставляем клиентский бандл пустым!
Что дальше?
Смело редактируйте эти файлы!
Коллекции контента Astro (благодаря схеме config.ts с Zod) гарантируют, что вы не сломаете сайт из-за пропущенного поля во frontmatter’е.