---
type: note
kind: Reference
tags: ['react', 'next', 'monorepo', 'hygen', 'husky', 'dependabot']
status: release
ctime: 2022-04-09
mtime: 2026-08-19
generated: { by: claude/opus-5, at: 2026-08-19T00:00:00Z }
verified: { by: claude/opus-5, at: 2026-08-19T00:00:00Z }
sources:
  - id: smashingmagazine-2021-11
    resource: https://www.smashingmagazine.com/2021/11/maintain-large-nextjs-application/
    title: "How To Maintain A Large Next.js Application — Smashing Magazine"
  - id: nextjs-docs-going-to-production
    resource: https://nextjs.org/docs/app/guides/production-checklist
    title: "Production Checklist | Next.js"
---

[How To Maintain A Large Next.js Application — Smashing Magazine](https://www.smashingmagazine.com/2021/11/maintain-large-nextjs-application/)

- TypeScript 사용
- Lerna , Nx , Rush , Turborepo , yarn workspaces를 사용하여 Mono-Repo 구조 사용
- Hygen과 같은 코드 생성기를 사용하여 상용구 코드 생성
- Redux 툴킷을 통해 하위 상용구와 함께 Redux와 같이 잘 설정된 패턴 사용
- 비동기 데이터를 가져오기 위해 React 쿼리 또는 SWR 사용
- Husky와 함께 Commitizen 및 Semantic Release 사용
- UI 구성 요소 시각화를 위해 스토리북 사용
- 처음부터 유지 관리 가능한 테스트 작성
- Dependabot을 사용하여 자동으로 패키지 업데이트
- [Production Checklist | Next.js](https://nextjs.org/docs/app/guides/production-checklist)