nextbase nextjs supabase starter

Nextbase 스타터

Nextbase Lite는 간단한 Next.js 13 + Supabase Boilerplate입니다. TypeScript, Supabase 및 Tailwind CSS가있는 Next.js 13 앱이 포함되어 있습니다. 여기에는 모든 새로운 app 폴더, layout 구성 요소, React server components 등이 포함됩니다!

특징

• Async 구성 요소가있는 다음 JS 13
• React Server 및 클라이언트 구성 요소의 데이터 가져 오기 예제. 최소 로딩 스크린으로 서스펜스가 많은 데이터를 가져옵니다.
• ⚛️ React Query 설정이 구성되었습니다
• 뜨거운 토스트 구성 요소에 반응합니다
• TypeScript로 완전히 입력했습니다. Supabase 테이블의 자동 유형 생성이 포함됩니다
• ? 테일 윈드 스
• ? 단위 테스트 및 통합 테스트 설정 내장
• Eslint, Typection, Prettier, Dev 및 테스트 환경에 대해 구성된 Postcss
• ? 자동 사이트 생성
• ? SEO 메타 데이터, JSON-LD 및 다음 SEO가있는 오픈 그래프 태그
• 자동 변경 로그 생성이있는 시맨틱 릴리스
• ? 더 예쁜 코드 포맷터
• ? 최소한의 스타일
• 읽고 수정하기 쉬운 Codebase

개발

1. 레포를 복제하십시오
2. yarn 로 종속성을 설치하십시오
3. 이미없는 경우 Supabase 계정 생성
4. Supabase에서 새 프로젝트를 만듭니다
5. yarn supabase link --project-ref <project-ref> 사용하여 프로젝트에 Supabase를 연결하십시오. Supabase Project Dashboard (프로젝트 설정 -> API)에서 Project Ref를 얻을 수 있습니다.
6. .env.local.example 복제하고 .env.local 로 이름을 바꾸고 Project Ref, Supabase URL 및 Anon 키를 추가하십시오.
7. yarn supabase db push 사용하여 데이터베이스 스키마를 Supabase 프로젝트로 푸시하십시오.
8. yarn generate:types:local .
9. yarn dev 실행하여 개발 서버를 시작하십시오.

테스트

1. yarn test 사용한 단위 테스트
2. yarn test:e2e

전개

이것은 간단한 Next.js 프로젝트입니다. 배포는 다른 Next.js 프로젝트와 동일합니다. Vercel, NetLify 또는 기타 호스팅 제공 업체에 배포 할 수 있습니다.

기여

기부금을 환영합니다. 문제 나 PR을 열어주세요.

특허

MIT

문제 해결

일반적인 문제에 대해서는 문제 해결 .md 파일을 확인하십시오.

프리미엄 Nextbase Boilerplate

또한 더 많은 기능을 갖춘 프리미엄 보일러 플레이트를 확인하십시오. 여기에는 완전히 기능적 인 인증 시스템, 사용자 프로파일, 조직, 행 수준 보안 등이 포함됩니다.