제로부터 React 앱까지, 몇 분 안에 Nizam이 모두 해냅니다

Source: Dev.to

Nizam이란?

Nizam은 프런트엔드 프로젝트를 빠르고 효율적으로 스캐폴딩하도록 설계된 CLI 도구로, 깔끔하고 구조화된, 프로덕션 준비가 된 프로젝트 설정을 생성합니다. 프로젝트 초기화를 표준화하고 첫날부터 개발자 생산성을 향상시킵니다.

주요 기능

• 📦 선택한 라이브러리를 손쉽게 설치
• 🔩 라이브러리별 설정을 바로 적용
• 🪄 반복적인 수동 설정을 감소
• 💡 필수 프로젝트 파일을 자동으로 생성
• ⚡️ 프로젝트 초기화를 가속화하고 핵심 개발에 집중
• 🛠️ 확장 가능하고 잘 정리된 프런트엔드 프로젝트 구조 생성
• 📄 빌드가 완료되면 nizam_doc.html 파일이 생성되어 선택한 라이브러리들의 사용법 및 문서 링크를 제공합니다.

지원 라이브러리 및 도구

UI 프레임워크 & CSS

• Bootstrap
• Tailwind CSS
• Bulma
• Foundation
• Materialize

컴포넌트 라이브러리

• Material UI
• Ant Design
• Headless UI

라우팅

• React Router
• TanStack Router
• Wouter
• Classic Router
• Data Router

상태 관리

• React Context API
• Redux Toolkit
• Zustand

아이콘

• React Icons
• Lucide React
• Lord Icon
• Material Icons

SEO & 헤드 관리

• React Helmet Async
• Dr. Pogodin React Helmet
• Unhead

데이터 페칭

• Axios
• TanStack Query
• SWR

(추후 릴리스에서 더 많은 라이브러리가 추가될 예정입니다.)

인터랙티브 선택

• 검색/탐색: 이미 필요한 도구를 알고 있을 때 유용한 포괄적인 도구 목록에서 선택
• 가이드 질문: 어떤 도구를 사용해야 할지 모를 경우 일련의 프롬프트에 답하면 적합한 옵션을 제안
• 설명: 각 질문과 옵션에 간단한 설명이 포함되어 이해와 결정을 돕습니다.

사용법

npx create-nizam-app

위 명령은 선택한 옵션을 기반으로 새로운 프로젝트를 스캐폴딩합니다.

문서 및 리소스

• GitHub Repository:
• npm Package:
• Demo Site: