NextJS Starter

Шаблон для быстрого создания проектов на Next.js 13.4+

🚀 Как развернуть проект

npx create-next-app -e https://github.com/webpractik/nextjs-starter

🪄 Features:

• Typescript
• Sass
• Mobx
• ESLint
• Stylelint
• Prettier
• Husky
• Commitizen
• Vitest
• Lint-staged
• Absolute Imports
• Storybook
• Sentry
• Bundle analyzer
• React Query
• API Codegen
• Figma tokens
• Security headers
• Generate components
• Coupling & cohesion graph
• Env variables validation

🎯 Deploy

• NODEJS: ^18
• NPM: ^9
• Port: 3000
• Healthcheck: /api/health

🎈 CI / CD:

• npm pkg delete scripts.prepare
• npm ci --silent
• npm run build
• npm run prod

📝 Docs:

• ENV переменные
• Базовая настройка
• Структура проекта
• Работа с API
• Стандарт React & TS
• Error boundaries
• React-query
• Настройка Sentry
• Настройка прокси сервера
• Дизайн токены

📜 NPM Scripts:

Script	Description
npm ci	Установка модулей
npm run build	Запуск билда
npm run dev	Запуск dev сборки
npm run prod	Запуск прод сборки
npm run analyze	Анализ билда
npm run storybook	Запуск storybook
npm run build-storybook	Билд storybook
npm run test	Запуск тестов
npm run coverage	Покрытие тестов
npm run type-coverage	Покрытие типизацией
npm run build-tokens	Билд фигма токенов
npm run api-codegen	Автогенерация API
npm run type-check	Проверка TS
npm run lint	Проверка eslint
npm run stylelint	Проверка стилей
npm run format	Форматирование prettier
npm run check-all	Проверка всего в параллельном режиме
npm run gen -- <название>	Создание реакт компонента
npm run cruiser	Построить граф зависимостей
npm run clean	Очистка сборки

📦 Packages:

• zod
• axios
• react-query-kit
• @t3-oss/env-nextjs
• lodash
• react-use
• dompurify
• modern-normalize
• nanoid
• clsx