자료실

Meta(Facebook)가 만든 문서 사이트 프레임워크입니다. 마크다운으로 문서를 작성하면 자동으로 사이드바 네비게이션, 검색, 버전 관리가 됩니다. 오픈소스 프로젝트 문서 사이트에 가장 많이 쓰이는 도구 중 하나입니다.

마크다운으로 슬라이드를 만드는 개발자 친화적 프레젠테이션 도구입니다. 코드 하이라이팅, 라이브 코딩, Vue 컴포넌트 삽입 등 개발 발표에 특화된 기능이 풍부합니다. PPT 만드는 시간을 아끼고 싶은 개발자에게 추천합니다.

Next.js + tRPC + Prisma + Tailwind + NextAuth를 한 번에 세팅해주는 풀스택 스타터입니다. 타입 안전성을 극대화한 스택으로, 프론트와 백엔드 간 타입을 자동으로 공유할 수 있습니다. 사이드 프로젝트 빠르게 시작할 때 좋습니다.

여러 패키지를 하나의 레포에서 관리하는 모노레포 환경에서 빌드를 최적화해주는 도구입니다. 캐싱과 병렬 실행으로 빌드 시간을 대폭 단축할 수 있습니다. Vercel에서 관리하고 있어서 Next.js와 궁합이 좋습니다.

Tailwind CSS 제작팀이 만든 프리미엄 UI 컴포넌트 모음입니다. 유료이지만 디자인 퀄리티가 높고, 복사해서 바로 쓸 수 있어 시간을 아낄 수 있습니다. 무료 프리뷰도 있으니 구매 전에 살펴보세요.

100개 이상의 컴포넌트와 50개 이상의 Hook을 제공하는 React UI 라이브러리입니다. 폼 관리, 날짜 피커, 리치 텍스트 에디터까지 있어서 외부 라이브러리 의존성을 크게 줄일 수 있습니다. 문서도 예제 중심으로 잘 되어 있습니다.

접근성(a11y)을 기본으로 갖춘 React UI 컴포넌트 라이브러리입니다. props로 스타일링하는 방식이 직관적이고, 다크 모드 지원이 내장되어 있습니다. 빠르게 깔끔한 UI를 만들 때 생산성이 높습니다.

npm 패키지가 아니라 소스 코드를 프로젝트에 직접 복사하는 새로운 방식의 UI 라이브러리입니다. Radix UI + Tailwind CSS 기반이라 커스터마이징이 자유롭고, 접근성도 잘 갖추고 있습니다. 요즘 Next.js 프로젝트에서 거의 표준처럼 쓰입니다.

블로그, 문서 사이트, 마케팅 페이지 등 콘텐츠 중심 사이트에 최적화된 프레임워크입니다. 기본적으로 JavaScript를 안 보내니 로딩이 극도로 빠르고, React/Vue/Svelte 컴포넌트를 섞어 쓸 수 있는 아일랜드 아키텍처가 독특합니다.

CRA(Create React App)가 deprecated된 지금, React 프로젝트를 시작하는 공식 권장 방법 중 하나입니다. Vite 기반이라 빌드와 HMR이 빠르고, TypeScript 템플릿도 제공합니다. npm create vite@latest 한 줄이면 됩니다.