AI 요약관련 정보

• 현재 스택은 T3 스택에서 변화했으며, SQL 사용을 줄이고 Next.js 서버 컴포넌트와 TRPC에서 벗어나는 방향으로 이동 중 🔄
• 파일 기반의 코드 구조 덕분에 AI가 코드 생성을 더 잘 지원하며, 이는 '바이브 코딩'에도 긍정적인 영향을 미침 🤖
• 스택 구성 요소는 데이터베이스 API 레이어, 인증 레이어, 클라이언트 프레임워크, 스타일 시스템, 패키지 관리, 추가 서비스 등으로 구성됨 📦
• 클라이언트 프레임워크로 React를 계속 사용하되, Next.js, Vite, Tanstack Start 중에서 선택 가능 ⚛️
• Next.js는 정적 페이지와 동적 앱을 결합하는 데 유용하며, Vite는 간단한 사이드 프로젝트에 적합하고, Tanstack Start는 새로운 대안으로 떠오르고 있음 ✨
• 스타일 시스템은 Tailwind와 Shadcn/ui를 커스터마이징하여 사용하고 있음 🎨
• 패키지 관리는 PNPM을 사용하며, NPM이나 Yarn 대신 PNPM 또는 Bun을 사용하는 것이 좋음 🚀
• 배포는 Vercel을 계속 사용하며, 프리뷰 환경과 서버리스 환경에서의 장점 때문임 ☁️
• 디자인 영감을 얻기 위한 도구로 Mobin을 추천하며, 다양한 앱과 웹사이트의 스크린샷을 제공하여 디자인 레퍼런스를 찾는 데 도움을 줌 💡
• Next.js의 Multiszone 기능을 활용하여 블로그, 대시보드, 홈페이지를 별도의 Next.js 프로젝트로 관리하고, 빌드 시간을 최적화할 수 있음 ⚡