최고의 펜 소스 Next.js 상용구/스타터

Next.js는 Node.js를 기반으로 구축된 오픈소스 웹 개발 프레임워크로 서버 측 렌더링, 정적 웹사이트 생성 등 React 기반 웹 애플리케이션 기능을 지원합니다.

Next.js이지만. 공식적으로 npx create-next-app@latest 명령을 사용하여 Next.js 프로젝트를 빠르게 생성할 수 있게 되었으며, 성숙한 웹 프로젝트에는 사용자 인증, 데이터베이스, 결제 및 기타 기능이 포함되는 경우가 많습니다. Next.js 초보자에게는 이러한 기능을 처음부터 개발하는 것이 어려울 수 있습니다. 이러한 과제를 해결하고 개발 프로세스 속도를 높이는 데 사용할 수 있는 몇 가지 훌륭한 오픈 소스 Next.js Starter 프로젝트가 있습니다.

다음으로 Next.js Starter Directory 웹사이트에서 추천하는 Next.js 상용구 8가지를 소개하겠습니다.

1. tailwind-nextjs-starter-블로그

Next.js, Tailwind CSS 블로깅 스타터 템플릿입니다. 최신 기술로 구성되어 기술적인 글쓰기가 간편해집니다.

MIT / 8.9K 스타

테크스택

• 프레임워크: Next.js
• UI 라이브러리: @headlessui/react
• CSS 스타일링: Tailwind CSS
• CMS: contentlayer2

2. Vercel 플랫폼

멀티 테넌시 및 사용자 정의 도메인을 지원하는 풀 스택 Next.js 앱입니다. Next.js App Router 및 Vercel Domains API로 구축되었습니다.

MIT / 5.7K 스타

테크스택

• 프레임워크: Next.js
• CSS 스타일링: Tailwind CSS
• ORM: 이슬비
• 인증: NextAuth.js
• 편집자: 소설
• 차트: 떨림

3. 다음 단조

Next.js 앱을 위한 프로덕션 등급 Turborepo 템플릿

MIT / 4.1K 스타

테크스택

• 프레임워크: Next.js
• CSS 스타일링: Tailwind CSS
• UI 라이브러리: Radix UI
• ORM: 프리즈마
• DB : 네온
• 결제: 스트라이프

4. 단편

완전히 AI로 생성된 앱을 구축하기 위한 오픈 소스 Next.js 템플릿.

Apache-2.0 / 3.5K Star

테크스택

• 프레임워크: Next.js
• CSS 스타일링: Tailwind CSS
• UI 라이브러리: Radix UI
• DB: 수파베이스

5. 다음-shadcn-대시보드-스타터

Nextjs14 및 shadcn UI를 사용한 관리 대시보드 스타터.

MIT / 2.9K 스타

테크스택

• 프레임워크: Next.js
• CSS 스타일링: Tailwind CSS
• 구성품: Shadcn-ui
• 인증: Auth.js
• 국가 관리: Zustand

6. langchain-ai/langchain-nextjs-템플릿

LangChain Next.js 시작 템플릿.

MIT / 1.5K 스타

테크스택

• 프레임워크: Next.js
• CSS 스타일링: Tailwind CSS
• DB: 서브베이스
• AI: Langchainjs

7. nextjs-스타터 키트

Ulimate Nextjs 스타터 키트. 꿈에 그리던 다음 SAAS 제품을 만들어 보세요. 배터리가 포함되어 있습니다.

MIT / 1.2K 스타

테크스택

• 프레임워크: Next.js
• CSS 스타일링: Tailwind CSS
• DB: 서브베이스
• ORM: 프리즈마
• 작성자: 사무원
• 결제: 스트라이프

8. 차드넥스트

ChadNext - Next 프로젝트를 위한 빠른 시작 템플릿에는 Next.js 15 앱 라우터, Shadcn UI, LuciaAuth, Prisma, 서버 작업, Stripe, 국제화 등이 포함되어 있습니다.

MIT / 1K Star

테크스택

• 프레임워크: Next.js
• CSS 스타일링: Tailwind CSS
• 구성품: Shadcn-ui
• ORM: 프리즈마
• 인증:루시아인증
• 결제: 스트라이프

위의 8개 오픈 소스 next.js 상용구 외에도 Next.js 시작 디렉토리에는 다른 상용구도 소개되어 있습니다. Next.js 시작 디렉토리를 방문하면 더 많은 상용구를 찾을 수 있습니다. 다른 훌륭한 next.js 상용구가 있으면 언제든지 메시지를 남겨주세요.

위 내용은 최고의 펜 소스 Next.js 상용구/스타터의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!