devhunt

Dechunt

개발자가 구축 한 Dev Tools 용 오픈 소스 및 협업 런칭 플랫폼. devhunt.org에서 우리와 함께 혁신을 선보이고 웹 전체에서 개발자 도구를 강화하십시오!

빠른 시작

프로젝트의 루트에 .env.local 파일을 만들고 다음 환경 변수로 채우십시오.

 NEXT_PUBLIC_SUPABASE_URL=https://tusrbkspwpvucxzqhrgo.supabase.co
NEXT_PUBLIC_SUPABASE_ANON_KEY=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6InR1c3Jia3Nwd3B2dWN4enFocmdvIiwicm9sZSI6ImFub24iLCJpYXQiOjE2OTYyNzI2OTUsImV4cCI6MjAxMTg0ODY5NX0.-HdjMYlbwVMggJiQ4cFxpr-AmNH1ueXBEgqxMPDlSJY

패키지를 설치하십시오

npm install
# or
yarn install
# or
pnpm install

개발자 서버를 실행하십시오

npm run dev

브라우저에서 http : // localhost : 3000을 엽니 다. 완료!

시작하기

이것은 다음.js 프로젝트 create-next-app 으로 부트 스트랩입니다.

Supabase 덤프를 복원하십시오

1. Supabase 프로젝트를 작성하고 데이터베이스 비밀번호를 저장하십시오.
2. 그런 다음 Project Settings -> Database Settings -> Connection Info 로 이동하십시오.
3. Host db.<ReferenceID>.supabase.co

덤프를 복원하려면 다음 명령을 실행하십시오.

psql -h db. < ReferenceID > .supabase.co -U postgres -d postgres < /supabase/dump.sql

데이터베이스 비밀번호를 입력하라는 메시지가 표시됩니다. Project Settings -> Database Settings -> Database Password 에서 찾을 수 있습니다. 또는 프로젝트 생성 중에 저장 한 비밀번호를 사용하십시오.

.env.local 구성을 설정하십시오

프로젝트의 루트에 .env.local 파일을 만들고 다음 환경 변수로 채우십시오.

 NEXT_PUBLIC_SUPABASE_URL=<Your_Project_URL>
NEXT_PUBLIC_SUPABASE_ANON_KEY=<Your_Anonymous_Key>
SUPABASE_SERVICE_ROLE_KEY=<Your_Service_Role_Key>

주요 값을 여기에서 찾을 수 있습니다.

1. <Your_Project_URL> - Project Settings 으로 이동 -> API > Project URL 복사하고 URL 복사하십시오.
2. <Your_Anonymous_Key> - Project Settings -> API -> Project API keys 이동하여 anon public Key를 찾으십시오.
3. <Your_Service_Role_Key> - Project Settings 에서 -> API -> Project API keys service_role secret 키를 찾습니다.

소셜 로그인 설정 (OAUTH)

소셜 로그인 기능을 활성화하려면 각 플랫폼의 아래 가이드를 따르십시오.

• GitHub 로그인 : Supabase 설정을 구성하기 만하면됩니다. 자세한 지침은 Supabase Github Oauth 가이드를 참조하십시오 - Supabase를 구성하면됩니다.
• Google 로그인 : Supabase Google Oauth 가이드에 요약 된 단계를 따르십시오.
• 더 많은 제공자 : 사용 가능한 모든 소셜 로그인 방법의 전체 목록은 Supabase 소셜 로그인 문서를 참조하십시오.

이 가이드는 OAUTH 기반 소셜 로그인을 가능하게하는 데 필요한 구성을 안내합니다.

앱을 시작하십시오

먼저 개발 서버를 실행합니다.

npm run dev
# or
yarn dev
# or
pnpm dev

http : // localhost : 3000을 열어 브라우저를 사용하여 결과를 확인하십시오.

app/page.tsx 수정하여 페이지를 편집 할 수 있습니다. 파일을 편집 할 때 페이지가 자동 업데이트됩니다.

이 프로젝트는 next/font 사용하여 사용자 정의 Google 글꼴 인 Inter를 자동으로 최적화하고로드합니다.

Vercel에 배포하십시오

Next.js 앱을 배포하는 가장 쉬운 방법은 Next.js의 제작자의 Vercel 플랫폼을 사용하는 것입니다.

자세한 내용은 Next.js 배포 문서를 확인하십시오.

기여

DevHunt에 기여하는 데 관심이 있습니까? 풀 요청을 제출하기 전에 개발 프로세스에 대해 알아 보려면 기고 가이드를 읽으십시오.

포킹과 복제

원래 프로젝트를 명확하게 언급하는 한 포크와 복제를 자유롭게 복제 할 수 있습니다. GitHub 인 경우 웹 사이트 인 경우 https://github.com/marsx-dev/devhunt를 참조하십시오. 두드러진 로고와 링크가있는 devhunt.org를 참조하십시오.