BestStorage.dev — Сравнение облачных хранилищ

BestStorage.dev — адаптивный сайт, позволяющий пользователям сравнивать облачные хранилища, читать отзывы и узнавать полезную информацию через статьи. Построен на базе Astro.js, Tailwind CSS и TypeScript.

🚀 Основные функции

1. Сравнение сервисов

  • Сравнительная таблица функций, цен и безопасности
  • Оценки пользователей и рейтинги
  • Поддержка платформ и планы подписки
  • Индивидуальные страницы каждого хранилища

2. Система отзывов

  • Отзывы с оценками и комментариями
  • Подсчёт средней оценки
  • Сортировка и фильтрация
  • Отображение популярных сервисов

3. Статьи

  • Блог на Markdown
  • Категории: безопасность, бизнес, гайды
  • Поддержка подсветки синтаксиса
  • Showcase последних материалов

🛠️ Технологии

  • Astro.js — статическая генерация
  • Tailwind CSS — утилитарная стилизация
  • Inter — основное семейство шрифтов
  • TypeScript — типизация компонентов
  • Markdown — статьи и блоги

📦 Структура проекта

/
├── public/
│   └── logos/
├── src/
│   ├── components/     # Компоненты UI
│   ├── layouts/        # Макеты страниц
│   ├── pages/
│   │   ├── articles/   # Статьи
│   │   └── service/    # Страницы сервисов
│   ├── data/           # Данные по сервисам
│   └── types/          # Типы TypeScript

📋 Ключевые элементы

  • Service Cards — краткие карточки с функциями, ценами и рейтингами
  • Comparison Table — сортируемая таблица сравнения с выделением различий
  • Article System — рендеринг Markdown, категории, синтаксис

🎨 Особенности дизайна

  • Поддержка тёмной темы
  • Полностью адаптивный макет
  • Карточная система отображения
  • Hover-анимации и акцентные цвета
  • Чёткая иерархия информации с помощью шрифта Inter

⚡ Производительность

  • Генерация статического сайта
  • Оптимизация изображений и кода
  • Быстрая загрузка и отзывчивость
  • Чистая и поддерживаемая архитектура

🚀 Быстрый старт

git clone https://github.com/temaprint/BestStorage.dev.git
cd BestStorage.dev
npm install
npm run dev

📜 Скрипты

  • npm run dev — запуск сервера разработки
  • npm run build — сборка проекта
  • npm run preview — предпросмотр сборки
  • npm run astro — Astro CLI команды

🤝 Вклад

  1. Форкните репозиторий
  2. Создайте ветку
  3. Закоммитьте изменения
  4. Откройте Pull Request

📄 Лицензия

Проект распространяется под лицензией MIT. Открытый исходный код — добро пожаловать!

BestStorage.dev — идеальное облако начинается с правильного выбора ☁️✨