Перейти к основному содержимому

1 запись с тегом "UI/UX"

Посмотреть все теги

Представляем BlockEden.xyz Dashboard v3: современный, быстрый и более интуитивно понятный интерфейс

· 4 мин. чтения
Dora Noda
Software Engineer

Краткое резюме: Мы полностью переработали нашу панель управления с использованием Next.js App Router, компонентов shadcn-ui и Tailwind CSS, чтобы обеспечить более быстрый, отзывчивый и визуально привлекательный опыт управления доступом к вашему блокчейн API.

Сегодня мы рады объявить о запуске BlockEden.xyz Dashboard v3, что является нашим крупнейшим обновлением пользовательского интерфейса с момента создания платформы. Это не просто визуальное обновление — это полная архитектурная переработка, призванная сделать ваше взаимодействие с нашими блокчейн API-сервисами более плавным, быстрым и интуитивно понятным, чем когда-либо прежде.

Что нового в Dashboard v3

1. Современный технологический стек для повышения производительности

Dashboard v3 построен на Next.js App Router, заменяя предыдущую архитектуру Pages Router. Это фундаментальное изменение обеспечивает значительное повышение производительности за счет:

  • Server Components: Более быстрая загрузка страниц с уменьшенным объемом клиентского JavaScript
  • Улучшенная маршрутизация: Более интуитивная навигация с вложенными макетами
  • Улучшенное SEO: Лучшая видимость в поисковых системах благодаря улучшенной обработке метаданных

Мы также перешли с Ant Design и Styletron на компоненты shadcn-ui, работающие на Tailwind CSS, что привело к:

  • Уменьшенный размер бандла: Более быстрая загрузка на всех страницах
  • Единый язык дизайна: Более целостный визуальный опыт
  • Улучшенная доступность: Улучшенная навигация с клавиатуры и поддержка программ чтения с экрана

2. Упрощенное управление ключами доступа

Мы полностью переработали процесс управления ключами доступа:

  • Интуитивное создание ключей: Генерируйте новые API-ключи всего за несколько кликов
  • Улучшенная видимость: Легко различайте различные типы ключей и разрешения
  • Повышенная безопасность: Улучшенная изоляция между клиентскими средами с надлежащей обработкой клиентов (tenant handling)
  • Копирование в один клик: Легко копируйте ключи в буфер обмена для интеграции в ваши проекты

[ЗАПОЛНИТЕЛЬ ИЗОБРАЖЕНИЯ: Скриншот нового интерфейса управления ключами доступа]

3. Переработанный раздел "Аккаунт и оплата"

Управление вашей учетной записью и подписками теперь стало проще:

  • Упрощенное управление подписками: Легко обновляйте, понижайте или отменяйте свой тарифный план
  • Более четкая информация об оплате: Более прозрачные цены и статистика использования
  • Оптимизированный процесс оплаты: Безопасная и эффективная обработка платежей с улучшенной интеграцией Stripe
  • Расширенная интеграция кошельков: Улучшенное подключение к вашим криптокошелькам

4. Строгая изоляция клиентов (Tenant Isolation)

Для корпоративных пользователей, управляющих несколькими проектами, мы внедрили строгую изоляцию клиентов:

  • Конфигурации для конкретного клиента: Каждый идентификатор клиента имеет свою собственную изолированную среду
  • Повышенная безопасность: Надлежащее соблюдение границ между различными клиентами
  • Улучшенное отслеживание: Лучшая видимость моделей использования в различных проектах

За кулисами: Технические улучшения

Хотя визуальные изменения сразу бросаются в глаза, мы внесли значительные улучшения "под капотом":

1. Архитектурный сдвиг

Миграция с Pages Router на App Router представляет собой фундаментальный сдвиг в структуре нашего приложения:

  • Компонентно-ориентированная архитектура: Более модульная и поддерживаемая кодовая база
  • Улучшенная выборка данных: Более эффективный рендеринг на стороне сервера и загрузка данных
  • Улучшенное управление состоянием: Более четкое разделение обязанностей и более предсказуемые обновления состояния

2. Улучшенный процесс аутентификации

Мы оптимизировали нашу систему аутентификации:

  • Упрощенный процесс входа: Более быстрая и надежная аутентификация
  • Улучшенное управление сессиями: Лучшая обработка токенов аутентификации
  • Повышенная безопасность: Более надежная защита от распространенных уязвимостей безопасности

3. Оптимизированная интеграция API

Наша интеграция GraphQL была полностью переработана:

  • Провайдер Apollo Client: Настроен с надлежащей обработкой идентификаторов клиентов
  • Политика выборки "только сеть": Обновления данных в реальном времени для критически важной информации
  • Оптимизированные запросы: Уменьшенная передача данных и улучшенное время отклика

Начало работы с Dashboard v3

Все существующие пользователи были автоматически переведены на Dashboard v3. Просто войдите в систему по адресу https://BlockEden.xyz/dash, чтобы опробовать новый интерфейс.

Если вы новичок в BlockEden.xyz, сейчас идеальное время, чтобы зарегистрироваться и оценить наши передовые блокчейн API-сервисы через нашу современную панель управления.

Что дальше?

Это обновление представляет собой важную веху на нашем пути, но мы не останавливаемся на достигнутом. В ближайшие месяцы мы представим:

  • Расширенная аналитика: Более подробная информация об использовании вашего API
  • Дополнительные сетевые интеграции: Поддержка большего количества блокчейн-сетей
  • Улучшенные инструменты разработчика: Лучшая документация и поддержка SDK
  • Настраиваемые оповещения: Конфигурируемые уведомления о критических событиях

Мы ценим ваши отзывы

Как и при любом крупном обновлении, ваши отзывы бесценны. Если вы столкнетесь с какими-либо проблемами или у вас есть предложения по улучшению, пожалуйста, свяжитесь с нашей службой поддержки или присоединитесь к нашему сообществу Discord.

Благодарим вас за то, что вы являетесь частью пути BlockEden.xyz. Мы рады продолжать создавать инфраструктуру, которая питает децентрализованное будущее.