nextjs boilerplate

Cowerplate и стартер для Next JS 15+, Tailwind CSS 3 и TypeScript

КОЖЕРНЫЙ ПРИМЕР И СТАРТЕР ДЛЯ next.js, Tailwind CSS и TypeScript ⚡ Сначала сделаны с опытом разработчика: next.js (маршрутизация приложений), TypeScript, Eslint, более красивые, хриплы, посадочные, шутки, реагирование библиотеки тестирования, PostCS, хвостовые CSS, рассказы, PLOP, GH.

Функции

Сначала опыт разработчика:

• Next.js для статического генератора сайтов
• Тип проверки TypeScript
• Интегрируйте с Tailwind CSS
• Сборник рассказов для компонентов документация
• Строгий режим для TypeScript и React 18
• Линтер с Эслинтом
• Форматер кода с красивым
• Хаски для git крючков
• Lint-Listed для запуска Linters в GIT-поставленных файлах
• Тестирование с помощью Jest и реакционного тестирования библиотеки
• Абсолютный импорт с использованием префикса @
• NextJS пользовательские макеты
• T3 Env с легкостью управляйте переменными окружающей среды
• Собрание сообщения для git
• Максимизируйте оценку маяка
• GH Действия
• Генерация компонентов с конвенцией PLOP и атомного дизайна

? Планы

• Анализатор Бундлера
• Далее-PWA

? Тестирование

Все тесты сталкиваются с исходным кодом внутри одного и того же каталога. Таким образом, это облегчает их поиск. Порог покрытия установлен на 70% . В папке .jest есть пользовательский поставщик для всех тестов.

Как использовать

Чтобы использовать этот шаблон, вы можете просто нажать в использовании этот шаблон или создать приложение Next.js на основе этого шаблона, запустив:

pnpm create next-app -e https://github.com/hadrysm/nextjs-boilerplate

Развернуть в производстве

Установите команду на Vercel:

 corepack use pnpm@`pnpm -v` && pnpm i

Вы можете увидеть результаты локально в производственном режиме с:

pnpm build

pnpm start

Генерирующие компоненты

pnpm generate Button

Результат (если вы выбрали атомный компонент):

 └── components
      └── atoms
        └── Button
          ├── index.ts
          ├── Button.stories.tsx
          ├── Button.test.tsx
          └── Button.tsx

? Внося

1. Разветвляется этот репозиторий;
2. Создайте свою филиал: git checkout -b my-awesome-contribution ;
3. Сделайте свои изменения: git commit -m 'feat: Add some awesome contribution' ;
4. Толк к ветке: git push origin my-awesome-contribution .

Лицензия

Лицензировано по лицензии MIT, Copyright © 2024

Смотрите лицензию для получения дополнительной информации.

---

Сделано с большим количеством ❤ и? Матеуш Адриś? Мой контакт