examples next prisma starter

프리즘 + trpc

특징

• TRPC를 사용한? e 대추 E2E 타입 안전성
• full-Stack은 Next.js와 반응합니다
• prisma가있는 데이터베이스
• vscode 확장
• ? eslint + 더 예쁘다
• GitHub 작업을 사용한 CI 설정 :
  • ✅ 극작가와의 E2E 테스트
  • ✅ 린팅
• ? 빌드 및 시작시 ENV VAR을 확인하십시오

설정

pnpm create next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-starter trpc-prisma-starter
cd trpc-prisma-starter
pnpm
pnpm dx

요구 사항

• 노드> = 18.0.0
• 포스트 그레스

개발

프로젝트 시작

pnpm create next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-starter trpc-prisma-starter
cd trpc-prisma-starter
pnpm
pnpm dx

명령

pnpm build      # runs `prisma generate` + `prisma migrate` + `next build`
pnpm db-reset   # resets local db
pnpm dev        # starts next.js
pnpm dx         # starts postgres db + runs migrations + seeds + starts next.js
pnpm test-dev   # runs e2e tests on dev
pnpm test-start # runs e2e + unit tests
pnpm test-unit  # runs normal Vitest unit tests
pnpm test-e2e   # runs e2e tests 

전개

렌더링 사용

이 프로젝트에는 render.yaml "Blueprint"가 포함되어있어 프로젝트를 Render에서 쉽게 배포 할 수 있습니다.

Dashboard.render.com/blueprints로 이동 하여이 청사진에 연결하여 앱과 데이터베이스가 자동으로 배포되는 방법을 확인하십시오.

참고 파일

길	설명
./prisma/schema.prisma	프리즘 스키마
./src/pages/api/trpc/[trpc].ts	TRPC 응답 처리기
./src/server/routers	앱의 다른 trpc-routers

---

@AlexDotjs에 의해 만들어졌습니다.