taxonomy

분류

새로운 라우터, 서버 구성 요소 및 Next.js 13의 새로운 모든 것을 사용하여 구축 된 오픈 소스 응용 프로그램.

경고이 앱은 진행중인 작업입니다. 나는 이것을 공개적으로 만들고있다. Twitter @shadcn의 진행 상황을 따를 수 있습니다. 아래 로드맵을 참조하십시오.

이 프로젝트에 대해

이 프로젝트는 최신 앱 (인증, 구독, API 경로, 문서 용 정적 페이지 등)과 같은 기능이 어떻게 작동하는지에 대한 실험으로 다음 JS 13 및 서버 구성 요소에서 어떻게 작동하는지 실험합니다.

이것은 스타터 템플릿이 아닙니다.

몇몇 사람들은 이것을 스타터로 바꾸라고 요청했습니다. 새로운 기능이 베타 버전에서 벗어나면 그렇게 할 수 있다고 생각합니다.

성능에 대한 참고 사항

경고이 앱은 다음 Next.js 13 및 React 18에 불안정한 릴리스를 사용하고 있습니다. 새로운 라우터와 앱 DIR은 여전히 베타 상태이며 생산 준비가되지 않습니다. 대시 보드를 테스트 할 때 일부 성능이 표시됩니다 . 깨진 것이 보이면 @shadcn을 ping 할 수 있습니다.

특징

• 새로운 /app dir,
• 라우팅, 레이아웃, 중첩 레이아웃 및 레이아웃 그룹
• 데이터 가져 오기, 캐싱 및 돌연변이
• UI로드
• 경로 처리기
• 메타 데이터 파일
• 서버 및 클라이언트 구성 요소
• API 경로 및 중간 전야
• nexuth.js를 사용한 인증
• Prisma를 사용하는 ORM
• PlanetScale 의 데이터베이스
• Radix UI를 사용하여 구축 된 UI 구성 요소
• MDX 및 ContentLayer를 사용한 문서 및 블로그
• Stripe를 사용한 구독
• Tailwind CSS를 사용하여 스타일
• ZOD 를 사용한 유효성 검사
• TypeScript 로 작성되었습니다

로드맵

• 기본 페이지에 대한 MDX 지원을 추가하십시오
• 마케팅 페이지를 구축하십시오
• Stripe를 사용한 구독
• 반응 형 스타일
• @vercel/og을 사용하여 블로그에 OG 이미지를 추가하십시오
• 다크 모드

알려진 문제

지금 작동하지 않는 것들의 목록 :

1. Github 인증 (이메일 사용)
2. PRISMA : ERROR : ENOENT : 그러한 파일 또는 디렉토리가없고, Open '/var/task/.next/server/chunks/schema.prisma'
3. 다음. JS 13 : 클라이언트 측 탐색은 헤드를 업데이트하지 않습니다
4. Catch-All 경로 내부에서 OpenGraph-Image.tsx를 사용할 수 없습니다

Trpc, Turborepo 또는 X가 아닌 이유는 무엇입니까?

나중에 이것을 추가 할 수 있습니다. 지금은 다음에 다음을 사용하여 얼마나 멀리 사용할 수 있는지 알고 싶습니다.

제안이 있으면 자유롭게 문제를 만들어보십시오.

현지에서 실행

1. PNPM을 사용하여 종속성 설치 :

pnpm install

2. .env.example .env.local 로 복사하고 변수를 업데이트하십시오.

cp .env.example .env.local

3. 개발 서버 시작 :

pnpm dev

특허

MIT 라이센스에 따라 라이센스.