AstroCMS.ru — это комплексный ресурс об Astro CMS, включающий статьи, шаблоны и информацию о разработчиках. Сайт построен на Astro с использованием Content Collections для управления контентом.
- Статьи - подробные руководства по Astro CMS
- Шаблоны - коллекция готовых проектов на Astro
- Разработчики - каталог опытных Astro-разработчиков
- SEO-оптимизация - автоматическая генерация sitemap
- Адаптивный дизайн - оптимизировано для всех устройств
/
├── public/ # Статические файлы
│ ├── favicon.svg
│ └── apple-touch-icon.png
├── src/
│ ├── components/ # Компоненты Astro
│ │ ├── Header.astro
│ │ ├── Hero.astro
│ │ ├── ArticleCard.astro
│ │ ├── TemplateCard.astro
│ │ └── ProgrammerCard.astro
│ ├── content/ # Content Collections
│ │ ├── articles/ # Статьи в формате Markdown
│ │ ├── templates/ # Шаблоны проектов
│ │ └── config.ts # Конфигурация схем
│ ├── data/ # Данные программистов
│ │ └── programmers.js
│ ├── layouts/ # Макеты страниц
│ │ └── Layout.astro
│ └── pages/ # Страницы сайта
│ ├── index.astro
│ ├── articles.astro
│ ├── templates.astro
│ ├── programmers.astro
│ └── articles/[slug].astro
├── astro.config.mjs # Конфигурация Astro
└── package.json
Все команды выполняются из корня проекта в терминале:
| Команда | Действие |
|---|---|
npm install |
Установка зависимостей |
npm run dev |
Запуск dev-сервера на localhost:4321 |
npm run build |
Сборка проекта в ./dist/ |
npm run preview |
Предпросмотр собранного сайта |
npm run astro ... |
Выполнение CLI команд Astro |
npm run astro -- --help |
Справка по командам Astro CLI |
Создайте файл .md в src/content/articles/ с frontmatter:
---
title: "Заголовок статьи"
description: "Описание статьи"
publishDate: "2025-07-18"
tags: ["Astro", "CMS"]
author: "Ваше имя"
readTime: "5 мин"
featured: true
---Создайте файл .md в src/content/templates/ с frontmatter:
---
title: "Название шаблона"
description: "Описание шаблона"
image: "https://example.com/image.jpg"
github: "https://github.com/user/repo"
demo: "https://demo.com"
tags: ["Astro", "Template"]
stars: 10
author: "Ваше имя"
publishDate: "2025-07-18"
difficulty: "Начинающий"
license: "MIT"
---- Astro - статический генератор сайтов
- Content Collections - управление контентом
- @astrojs/sitemap - автоматическая генерация sitemap
- TypeScript - типизация для надежности кода
Проект готов к развертыванию на любом хостинге, поддерживающем статические сайты (Netlify, Vercel, GitHub Pages).