Загрузка mantine analytics dashboard - mantine analytics dashboard Dashboard Скачать

mantine analytics dashboard

AI Исходный код

UI updates and bug fixes

Скачать

Объявления

Добавлена страница файлового менеджера пользовательского интерфейса
Обновленная версия Mantine для последней 7.14.3
Новый вариант Dark Mode
Новый вариант боковой панели, теперь у нас есть полные, мини -и полные обрушенные режимы

Живой предварительный просмотр
Предварительный просмотр компонентов
Середина
Дорожная карта продукта * Новая *

О

Профессиональный шаблон администратора и приборной панели, созданный с использованием на Mantine 7, который поставляется с сотнями компонентов пользовательского интерфейса, форм, таблиц, диаграмм, страниц и икон. Этот шаблон построен с использованием следующего V14, React, Apex Harts, Mantine DataTable и сборника рассказов.

Предварительный просмотр изображения

Предыдущий релиз

Предыдущий выпуск шаблона приборной панели, поддерживает следующие 13 с Stage Router и Mantine 6. Чтобы просмотреть Live Demo Используйте эту ссылку - предварительный просмотр и для проверки вилки, используйте эту ссылку - Версия 1

Функции

Настраиваемый: вам не нужно быть экспертом для настройки шаблона. Наш код очень читаемый и хорошо документирован.
Полностью отзывчивый: с поддержкой мобильных устройств, планшетов и настольных компьютеров не имеет значения, какое устройство вы используете. Приборная панель ANTD реагирует во всех браузерах.
Cross-Browser: Наши темы отлично работают с Chrome, Firefox, Opera и Edge. Мы усердно работаем, чтобы поддержать их.
Чистый код: мы строго следуем рекомендациям Ant Design, чтобы сделать вашу интеграцию максимально простой. Весь код от руки написан.
Регулярные обновления: Время от времени вы получаете обновление, содержащее новые компоненты, улучшения и исправления ошибок.

Технический стек

Чтобы сделать этот шаблон потрясающим, я использовал следующие пакеты:

Основной

Next JS V14: Next.js-это структура веб-разработки с открытым исходным кодом, созданная частной компанией Vercel, предоставляющая веб-приложения на основе React с помощью рендеринга на стороне сервера и статического генерации веб-сайтов.
Mantine V7: Mantine - это библиотека компонентов React UI. Он построен на вершине React и TypeScript и предоставляет множество компонентов и крючков для создания высокопроизводительных веб-приложений.
React v18: React-это бесплатная библиотека JavaScript с открытым исходным кодом для создания пользовательских интерфейсов на основе компонентов.
TypeScript v5: TypeScript-это бесплатный язык программирования с открытым исходным кодом, разработанный Microsoft, который добавляет статическое типирование с дополнительными аннотациями типа в JavaScript.
Строительница V7: Строительница-это бесплатный инструмент с открытым исходным кодом для разработки компонентов пользовательского интерфейса в изоляции. Он используется веб -разработчиками для улучшения рабочего процесса по разработке пользовательского интерфейса и создания лучших веб -приложений.
ChangeSet CLI V2: Изменения - это пакет, который помогает в управлении моими версиями и измененными.
NextAuth V4: NextAuth.js-это гибкая и безопасная библиотека аутентификации, которую можно использовать для аутентификации на стороне клиента в следующем.js.
Значки таблеток v2: значки таблеток-это бесплатная библиотека значков с открытым исходным кодом с более чем 4700 значками. Значки разработаны с современной эстетикой и подходят для широкого спектра приложений.
Mantine DataTable V7: Mantine DataTable-это компонент React, который можно использовать для создания богатых данных пользовательских интерфейсов. Это табличный компонент, который знает о темных темах и предназначен для мантинского пользовательского интерфейса.
Lodash V4: библиотека утилит JavaScript, обеспечивающая последовательность, модульность, производительность и дополнения.
Apex Cart V3: S ApexCharts-это бесплатная библиотека диаграмм JavaScript с открытым исходным кодом, которая позволяет разработчикам создавать интерактивные визуализации данных для веб-страниц. Его можно использовать как для коммерческих, так и для некоммерческих проектов.
Dayjs V1: Day.js - это библиотека JavaScript, которая обрабатывает даты и время.
TiptAp V2: безголовный, агрессивный и расширяемый и расширяемый текстовый редактор, основанный на Prosemirror.
FullCalendar V6 : FullCalendar - это календарь событий JavaScript с более чем 300 настройками. Это открытый исходный код и имеет бесплатное ядро.
DND-KIT V6: DND-KIT-это легкий, модульный и расширяемый инструментарий для перетаскивания для React. Это также доступно и исполняется.
Embla Carousel V7: embla carousel - это легкая библиотека каруселей с движением жидкости и точным провалом.
React Simple Maps V3: компонент карт карты SVG, построенный с и для реагирования.
Клерк/NextJS V4: CLERK NEXT.JS - это обертка вокруг клерка. Это позволяет пользователям использовать крючки, которые реагирует клерк.
React Countup V6: обертка для компонента React вокруг countup.js.

Девчонка

Prottier v3: Prettier - это форматер кода, который автоматически форматирует код, чтобы убедиться, что он является согласованным и простым для чтения.
Husky V8: Husky - это инструмент, который облегчает работу с Git Hooks. Краткий формат кода.
LINT CENTARED V15: LINT-Поставка автоматически добавит любые модификации к коммитированию, если ошибки нет.
PostCSS V8: PostCSS - это библиотека JavaScript, которая использует плагины для преобразования CSS. Он транспилирует CSS в абстрактное синтаксисное дерево, которое затем представлено объектами JavaScript.

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

Скачать

Клонировать этот репозитный клон https://github.com/design-sparx/mantine-analytics-dashboard.git
Скачать с github

Построить инструменты

Вам нужно установить node.js. После установки Node.js запустите NPM Install для установки остальных зависимостей шаблона. Все зависимости будут загружены в каталог node_modules.

npm install

Теперь вы готовы изменить исходные файлы и генерировать новые файлы. Чтобы автоматически обнаружить изменения файла и запустить локальный веб -сервер по адресу http: // localhost: 3000, запустите следующую команду.

npm run dev

Скомпилируйте, оптимизируйте, министерствуйте и Uglify все исходные файлы для создания/

npm run build

Структура файла

Внутри zip-файла вы найдете следующие каталоги и файлы. Как скомпилированные, так и мини -дистрибутивные файлы, как и внутри файла ZIP, вы найдете следующие каталоги и файлы. Как скомпилированные, так и мини -дистрибутивные файлы, а также исходные файлы включены в пакет.

 mantine-analytics-dashboard/
├── .changeset
├── .github
├── .gitignore
├── .editorconfig
├── .prettierignore
├── .prettierrc
├── README.md
├── CHANGELOG.md
├── LICENSE
├── index.html
├── package.json
├── tsconfig.json
├── next.config.js
├── postcss.config.cjs
├── clerkMiddleware.ts
├── yarn.lock
├── public/
│   ├── mocks/
│   ├── _redirects
│   ├── favicon.ico
├── src/
│   ├── .changeset/
│   ├── .github/
│   ├── .husty/
│   ├── .storybook/
│   ├── .yarn/
│   ├── app/
├────── api/
├────── error.tsx
├────── error.module.css
├────── global.css
├────── layout.tsx
├────── loading.tsx
├────── not-found.tsx
├────── page.module.css
├────── page.tsx
│   ├── components/
│   ├── hooks/
│   ├── layout/
│   ├── providers/
│   ├── public/
│   ├── routes/
│   ├── styles/
│   ├── theme/
│   ├── types/
│   ├── utils/
└──

Вклад и поддержка

Я приветствую всех разработчиков и энтузиастов внести свой вклад в рост нашего шаблона приборной панели администраторов с открытым исходным кодом. Вклад - это совместный процесс, который дает нам возможность коллективно расширять возможности и качество шаблона. Чтобы начать:

Разбейте репозиторий: разветвляется репозиторий GitHub шаблона в свою собственную учетную запись GitHub.
Клонировать вилку: клонировать разветвленный репозиторий в локальную машину, используя git.
Создайте филиал: создайте новую филиал для ваших вкладов, чтобы сохранить основную кодовую базу нетронутой.
Реализуйте изменения: внесите желаемые изменения, добавьте новые компоненты или уточните существующие функции.
Сделайте и нажмите: совершите свои изменения в новую ветвь и подтолкните их к своей вилке Github.
Отправьте запрос на привлечение: отправьте запрос на привлечение из вашего раздвоенного хранилища в репозиторий основного шаблона. Ваши изменения будут рассмотрены и потенциально объединены.

Проблемы отчетности и обращение за помощью

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

Трекер проблемы: посетите вкладку «Проблемы репозитория GitHub», чтобы сообщить об ошибках, предложить улучшения или разъяснить аспекты шаблона.
Взаимодействие сообщества: взаимодействовать с сообществом шаблона на платформах, таких как дискуссии Github для помощи, руководства и понимания.

Приглашение исследовать и использовать

Шаблон приборной панели администратора Mantine и Next.js не просто конец; Это начало - отправная точка для вашего творческого путешествия. Независимо от того, являетесь ли вы опытным разработчиком, ищущим быстрый запуск или энтузиаста, заинтересованного в изучении современных методов развития, этот шаблон - ваш холст.