nextjs boilerplate 다운로드 - nextjs boilerplate 소스 코드 다운로드

nextjs boilerplate

AI 소스 코드

1.0.0

다운로드

다음 JS 15+, Tailwind CSS 3 및 TypeScript 용 BoilerPlate 및 스타터

Next.js, Tailwind CSS 및 TypeScript의 보일러 플레이트 및 스타터 먼저 개발자 경험으로 만들어졌습니다 : Next.js (App Routing), Eslint, Eslint, Pretier, Husky, Lint-Stage, Jest, React Testing Library, Postcs, Tailwind CSS, Storybook, Plop, GH Action.

특징

개발자 경험 먼저 :

정적 사이트 생성기의 경우 다음
유형 확인 typescrip
Tailwind CSS와 통합
구성 요소 문서에 대한 스토리 북
TypeScript 및 React 18에 대한 엄격한 모드
Eslint와 Linter
더 예쁘고 코드 포맷터
git 후크를위한 허스키
Git Steaged Files에서 Linters를 실행하기위한 Lint-Stage
농담 및 반응 테스트-테스트-검사로 테스트
@ prefix를 사용한 절대 가져 오기
다음 JS 사용자 정의 레이아웃
T3 Env 환경 변수를 쉽게 관리합니다
git을위한 메시지 협약
등대 점수를 최대화합니다
GH 동작
PLOP 및 원자 설계 규칙을 통한 구성 요소 생성

? 계획

번들러 분석기
Next-PWA

? 테스트

모든 테스트는 동일한 디렉토리 내부의 소스 코드와 배치됩니다. 따라서 쉽게 찾을 수 있습니다. 적용 범위 임계 값은 70% 로 설정됩니다. .jest 폴더에는 모든 테스트를위한 사용자 정의 제공 업체가 있습니다.

사용 방법

이 템플릿을 사용하려면 이 템플릿을 사용하거나 다음 템플릿을 기반으로 다음 템플릿을 사용하여 다음을 클릭하면 다음을 수행 할 수 있습니다.

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