next enterprise

Next.js Enterprise boilerplate

Добро пожаловать в следующую. JS Enterprise Coalerplate , шаблон с открытым исходным кодом для предприятий! Он загружен функциями, которые помогут вам создать высокопроизводительное, обслуживание и приятное приложение. Мы сделали всю тяжелую работу для вас, так что сядьте, расслабьтесь и будьте готовы победить мир своим невероятным приложением! ?

Примечание

Blazity - это группа экспертов Next.js/без головы. Свяжитесь с нами по адресу [email protected], если вы хотите поговорить о своем проекте или просто поговорить с нами

Функции

С помощью этого шаблона вы получаете всю необходимую вам удивительность:

• ? ️ Next.js - быстро по умолчанию, с оптимизированной конфигурацией для производительности (с Directory App )
• ? CSS Taillid
• Eslint и Crettier - для чистого, согласованного и без ошибок кода
• Чрезвычайно строгая типография - с библиотекой ts-reset для безопасности конечного типа
• Действия GitHub - предварительно настроенные действия для плавных рабочих процессов, включая размер пакета и статистику производительности
• ? Идеальный счет на маяке - потому что производительность имеет значение
• Плагин анализатора пакета - следите за размером пакета
• Библиотека тестирования Jest and React - для тестов на каменную установку и интеграционные тесты
• Playwright -написать сквозные тесты, как профессионал
• Сборник рассказов - создавать, проверить и демонстрировать свои компоненты
• Испытания на тестирование на дым и принятие - для уверенности в ваших развертываниях
• Обычные коммиты git chook - держите свою историю коммита аккуратной и аккуратной
• Наблюдение - открытая интеграция телеметрии для бесшовного мониторинга
• Абсолютный импорт - больше нет импорта спагетти
• Проверки здоровья - совместим с Kubernetes для надежных развертываний
• Radix UI - Компоненты пользовательского интерфейса без головы для бесконечной настройки
• CVA - создать постоянную, многоразовую и атомную систему проектирования
• Ремонт BOT - автоматические зависимости, чтобы вы могли сосредоточиться на кодировании
• Patch -Package - Исправьте внешние зависимости, не теряя ума
• График сцепления и сплоченности компонентов - инструмент для управления отношениями компонентов
• Автоматизированные обзоры кода CHATGPT - оставайтесь на переднем крае с помощью обзоров кода с использованием AI!
• Семантический релиз - для автоматического изменений
• T3 Env - с легкостью управлять переменными окружающей среды

Оглавление

• Next.js Enterprise boilerplate
  • Функции
  • Оглавление
  • Начиная
  • Развертывание
  • Обзор сценариев
  • График связи
  • Тестирование
    • Заводящие тесты
    • Приемные тесты
    • Тестирование дыма
  • Система стиля и дизайна
    • CVA - новый подход к вариантам
  • Государственное управление
    • Zustand
    • Jotai
    • Отдача
  • Обзор кода CHATGPT
  • Расположение переменных среды
  • Вклад
  • Поддерживать
  • Лицензия
  • Участники

Начиная

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

1. Репозиторий вилки и клона:

 # # Don't forget to  star and fork it first :)
git clone https://github.com/ < your_username)/next-enterprise.git

2. Установите зависимости:

yarn install --frozen-lockfile

3. Запустите сервер разработки:

yarn dev

4. Откройте http: // localhost: 3000 с вашим браузером, чтобы увидеть результат.

5. Этот проект использует крюк GIT, чтобы обеспечить обычные коммиты. Чтобы установить крюк GIT, запустите следующую команду в корневом каталоге проекта:

brew install pre-commit
pre-commit install -t commit-msg

Развертывание

Легко развернуть приложение Next.js с Vercel, нажав кнопку ниже:

? Обзор сценариев

Следующие сценарии доступны в package.json :

• dev : Запускает сервер разработки с раскрашенным выводом
• build : строить приложение для производства
• start : запускает производственный сервер
• lint : Lints код, используя Eslint
• lint:fix : автоматически исправляет ошибки в считанном виде
• prettier : проверяет код для правильного форматирования
• prettier:fix : автоматически исправляет проблемы форматирования
• analyze : анализирует размеры пакета для средств клиента, сервера и краев
• storybook : запускает сервер рассказов
• build-storybook : создает сборник рассказов для развертывания
• test : Запускает модульные и интеграционные тесты
• e2e:headless : запускает сквозные тесты в режиме без головы
• e2e:ui : запускает сквозные тесты с пользовательским интерфейсом
• format : форматирует код более красивым
• postinstall : применяет исправления к внешним зависимостям
• preinstall : гарантирует, что проект установлен с пряжей
• coupling-graph : генерирует график связи и сплоченности для компонентов

? График связи

Скрипт coupling-graph является полезным инструментом, который помогает визуализировать связь и соединения между внутренними модулями вашего проекта. Он построен с помощью библиотеки Мэдж. Чтобы сгенерировать график, просто запустите следующую команду:

yarn coupling-graph

Это создаст файл graph.svg , который содержит графическое представление соединений между вашими компонентами. Вы можете открыть файл с любым SVG-совместимым просмотром.

Добавьте свой вклад