ixartz/Next-js-Boilerplate

Next.js 16+, TypeScript, Tailwind CSS로 만든 프로덕션 레벨 보일러플레이트

템플릿맘대로 써도 됨 · MIT웹·Next.js·풀스택난이도
12,981+0이번 주2,3913TypeScript
데모·홈페이지 열기nextjs-boilerplate.com
중간맛 분석

스택: Next.js 16 (App Router), TypeScript, Tailwind CSS 4, React 19 Strict Mode / 개발 편의성: ESLint 대체 Oxlint, Prettier 대체 Oxfmt, Husky 대체 Lefthook, Jest 대체 Vitest, 타입 안전 환경변수 (T3 ), 다국어 지원 (i18n) / 데이터 & 인증: Clerk 인증 (소셜 로그인, MFA, 매직링크), DrizzleORM (PostgreSQL/SQLite/MySQL), PGlite 로컬 개발 DB, Neon 프로덕션 DB / 테스트 & 품질: Vitest + Testing , Playwright E2E, GitHub Actions /, Codecov 커버리지, 리팩터링 AI 도구 CodeRabbit / 배포 준비: Sentry 에러 모니터링, Better Stack 로깅, Checkly 모니터링, Arcjet 보안 (봇 탐지·WAF), PostHog 분석 / 바로 쓸 수 있음: 로컬에서 npm run dev 실행하면 PGlite DB가 자동 생성되어 추가 설정 없이 즉시 개발 시작 가능 / 데모: https://demo.nextjs-boilerplate.com (회원가입·로그인 기능 포함)

이런 레포예요

이럴 때 쓰면 좋아요

  • SaaS·스타트업의 빠른 제품 개발
  • 풀스택 TypeScript 프로젝트 기반 마련
  • 멀티 테넌트 또는 엔터프라이즈 앱 초기 구축

핵심 기능

Clerk 통합 인증 시스템 (소셜·MFA·매직링크)DrizzleORM 타입 안전 데이터베이스 (PostgreSQL/SQLite/MySQL)Sentry·Better Stack·Arcjet 등 모니터링·보안 미리 설정

대안 대비 차별점

create-next-app의 미니멀 스켈레톤과 달리, 인증·데이터베이스·테스트·모니터링·보안을 프로덕션급으로 완성한 올인원 스타터이면서도 불필요한 부분을 제거할 수 있는 유연성을 제공합니다.

준비물
  • Node.js 24+
  • npm
바로 시작하기
  1. 레포지토리 복제
git clone --depth=1 https://github.com/ixartz/Next-js-Boilerplate.git my-project-name
  1. 프로젝트 폴더로 이동 후 의존성 설치
cd my-project-name
npm install
  1. 환경변수 설정 (선택: Clerk 인증 추가) .env.local 파일을 생성하고 다음을 추가 (Clerk 계정이 있는 경우)
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=your_clerk_pub_key
CLERK_SECRET_KEY=your_clerk_secret_key
  1. 개발 서버 실행
npm run dev
  1. 브라우저에서 http://localhost:3000 열기 로컬 PostgreSQL 데이터베이스(PGlite)가 자동으로 생성되므로 추가 설정 불필요
별 추이 · 7일
12,981+0 / 7일
활용성 · 따라 만들기 좋은가
베스트 샘플샘플 점수 72/100
  • 관대한 라이선스
  • 테스트 있음
  • 예제 디렉토리
  • 최근 활동
  • AGENTS.md
  • llms.txt
  • 템플릿

🟢 최근 활동 있음 · 2020년 생성

AI가 README 기반으로 요약했습니다 · 원문 보기