This CLI Lets You Choose Your Entire Tech Stack Instantly
- Better tstack은 TypeScript 프로젝트 시작을 위한 훌륭한 CLI 도구이며, 다양한 프론트엔드/백엔드 프레임워크와 옵션을 제공하여 원하는 기술 스택을 즉시 구성할 수 있습니다. 🚀
- CLI 명령 또는 웹 빌더 인터페이스를 통해 기술 스택을 선택할 수 있으며, 웹 빌더는 시각적으로 옵션을 선택하고 CLI 명령을 생성하는 데 유용합니다. 💻
- 앱 이름, 프론트엔드 프레임워크(Next.js), 백엔드(Next.js App Router), 런타임(Bun), 데이터베이스(Drizzle), 클라우드 DB 통합(Neon Postgres), 인증(Better Oauth), 패키지 매니저(PMPM), 추가 기능(Turbo Repo, Ultraight, Husky, Fumadocs), 예제(AI), Git 초기화, 종속성 설치 등의 옵션을 설정할 수 있습니다. ⚙️
- Ultraight는 Biome 프리셋으로, 자동 정렬 기능을 제공하며, Husky는 pre-commit 훅을 설정하고, Fumadocs는 즉시 문서 생성을 지원합니다. ✨
- AI 예제는 Google Gemini를 사용하는 것으로 보이며, 선택한 옵션에 따라 CLI 명령이 생성되어 프로젝트를 설정합니다. 🤖
- Neon DB 빠른 설정을 통해 데이터베이스 URL을 설정하고, VS Code 또는 Cursor 등의 에디터를 선택할 수 있습니다. 💽
- 생성된 프로젝트는 모노레포 구조로, Fumadocs, server, web 디렉토리를 포함하며, 각 디렉토리는 분리된 역할을 수행합니다. 📁
- package.json에는 Biome, Ultraight, Husky 등의 종속성이 포함되어 있으며, Ultraight 포맷 명령어가 pre-commit 훅에 설정되어 있습니다. 📜
- Next.js 버전은 15.3.0이며, React 19, Zod 4+, AI SDK, Better Oauth 최신 버전을 사용하고, Radix UI를 통해 Shadcn UI 컴포넌트를 활용합니다. 🎨
- 서버 API 경로는 Better Oauth 및 ORPC에 사용되며, ORPC를 통해 프론트엔드에서 API 호출을 사용할 수 있습니다. 🌐
- AI 페이지는 AI SDK의 useChat을 사용하며, 대화형 AI 기능을 제공합니다. 💬
- Better Oauth를 통해 계정을 생성하고 로그인할 수 있으며, 데이터베이스에 테이블이 없는 경우 drizzle kit push 등의 명령어를 실행해야 합니다. 🔑
- Fumadocs는 문서 검색, 라이트/다크 모드 등의 기능을 제공하며, 즉시 문서 작성을 시작할 수 있습니다. 📚
- Better tstack은 새로운 기술을 배우고 다양한 프레임워크의 차이점을 비교하는 데 유용한 도구입니다. 💡
- Convex와 같은 새로운 기술을 배우기 위해 Better tstack을 사용하여 프로젝트를 설정하고 학습할 수 있습니다. 📚