홈페이지>프로그래밍 관련>기타 소스코드
다운로드

코드

코더를위한 공간

Codú는 웹 개발자의 궁극적 인 커뮤니티로, 크고 작은 프로젝트를 배우고 공유하며 지원할 수 있습니다. 기술을 연마하고 포트폴리오를 구축하기에 완벽한 장소입니다. Codú에서 우리는 서로가 웹 개발자로 성장하도록 돕기 위해 여기에 있습니다. 또한 Codú를 사용하면 다음 큰 프로젝트를 위해 공동 작업자를보다 쉽게 ​​찾을 수 있습니다.

대화에 참여하십시오

우리는 Discord에서 환상적인 커뮤니티가 자라고 있습니다. 가입하려면 여기를 클릭하십시오!

설치

  1. 프로젝트를 포크하십시오
  2. git clone https://github.com/YOUR_USERNAME/codu.git .
  3. Project Directory cd codu 로 이동하십시오.
  4. 다음과 같이 종속성을 설치합니다. 
npm install
  • 종속성을 설치하는 데 문제가있는 경우 .nvmrc 에 정의 된 노드 버전을 확인하십시오. nvm 사용하는 경우 종속성을 설치하기 전에 nvm use 실행할 수 있습니다.
  1. .env 파일을 만들고 다음 변수를 추가하십시오. cat sample.env > .env 로 sample.env 의 내용을 복사 할 수 있습니다. 
 # This default value is if you run our local docker-compose.yml file to create the database.
DATABASE_URL=postgresql://postgres:[email protected]:5432/postgres
# Setup your GitHub ID & Secret on GitHub: https://developer.github.com/apps/building-oauth-apps/authorizing-oauth-apps
# For development, make sure you set up this with a Homepage URL of http://localhost:3000/ and an Authorization callback URL of http://localhost:3000/api/auth
GITHUB_ID=YOUR_GITHUB_APP_ID
GITHUB_SECRET=YOUR_GITHUB_APP_SECRET
NEXTAUTH_URL=http://localhost:3000/api/auth

설정에 대한 자세한 내용을 보려면 환경 변수 섹션으로 이동하십시오.

참고 : 진행하기 전에 데이터베이스가 실행 중인지 확인하십시오.

  1. 실행하여 이슬비로 데이터베이스의 테이블을 설정합니다. 
npm run db:migrate

전체 명령은 package.json 파일에서 볼 수 있습니다.

  1. 실행하여 일부 모의 데이터로 데이터베이스를 시드하십시오. 
npm run db:seed

전체 명령은 package.json 파일에서 볼 수 있습니다.

  1. 마지막으로 개발 서버를 실행하십시오. 
npm run dev

위 명령을 완료 한 후 브라우저에서 http : // localhost : 3000으로 이동하여 결과를 확인하십시오.

pages/index.tsx 수정하여 여행을 시작할 수 있습니다. 자동 업데이트 기능을 사용하면 파일을 편집 할 때 페이지가 업데이트됩니다.

pages/api 디렉토리는 /api/* 에 매핑됩니다. 이 디렉토리의 파일은 React 페이지 대신 API 경로로 취급됩니다.

API 경로에 대해 자세히 알아보십시오.

환경 변수

Database_URL

DATABASE_URL 은 PostgreSQL 데이터베이스 (버전 15.0)에 대한 연결 문자열입니다.

기본적으로 docker-compose.yml 파일에서 Docker와 함께 로컬로 실행되는 데이터베이스를 가리 킵니다.

이 파일을 실행하려면 Docker를 설치하고 Docker가 실행 중인지 확인하십시오.

docker compose up 명령을 실행하십시오.

또는 PostgreSQL이 로컬로 실행중인 경우 로컬 연결 문자열을 사용하거나 Supabase와 같은 무료 서비스에서 가져올 수 있습니다.

github_id 및 github_secret

현재 GitHub를 통해서만 인증을 허용합니다. 이를 가능하게하려면 GITHUB_ID 및 GITHUB_SECRET 값이 필요합니다.

Github에서 Github ID 및 Secret을 설정하십시오.

  • 새로운 OAUTH 앱을 설정하려면 여기를 클릭하고 아래와 같이 세부 정보를 작성하십시오.

개발을 위해 홈페이지 URL 로 설정하십시오. 

 http://localhost:3000/

그리고 승인 콜백 URL 

 http://localhost:3000/api/auth

"응용 프로그램 등록"버튼을 클릭 한 후에는 GITHUB_ID 를보고 새 클라이언트 비밀을 생성 할 수 있어야합니다. 비밀을 생성 한 후 페이지를 새로 고치면이 값을 다시 볼 수 없으므로이 값을 .env 파일에 복사하십시오.

GitHub 문서에서 OAUTH 승인에 대한 자세한 정보는 여기를 참조하십시오.

로컬로 비밀번호없는 인증을 설정합니다

로컬로 비밀번호 로그인을 사용하려면 ACCESS_KEY 및 SECRET_KEY 값이 있어야합니다.

이 값을 채우는 방법을 확인하려면 여기에서 .env 파일을 확인하십시오.

참고 : 현재 SNS 서비스의 AWS 영역은 "EU-West-1"로 하드 코딩됩니다. SNS 서비스가 다른 지역에있는 경우이를 변경해야 할 수도 있습니다.

Nextauth_url

여기에서 기본값을 변경할 필요가 없습니다. 이것은 다음 인 Auth가 귀하의 사이트에 대한 인증 URL로 사용하는 변수입니다. 

 NEXTAUTH_URL=http://localhost:3000/api/auth

예 .env 파일은 여기에서 찾을 수 있습니다. 시작하려면 이것을 .env 로 바꿀 수 있습니다.

? ines 기여 지침

  • 기부금은 크게 감사합니다 . 기고는 오픈 소스 커뮤니티를 배우고, 영감을주고, 창조 할 수있는 놀라운 장소로 만듭니다.
  • 저장소에 기여한 기여 가이드 라인을 확인하십시오. 포함됩니다
    • 기여하는 방법
    • 풀 요청을 만드는 방법
    • 테스트를 실행하십시오
    • 커밋 메시지를위한 스타일 가이드

? 기여할 수있는 전제 조건 기술

  • git

? 문서 공헌

  • 가격 인하

? 코드 기여

  • 반응
  • 다음 .js
  • Postgresql
  • 꼬리 바람
  • 이슬비

추가 리소스

JS에 대한 자세한 내용은 다음 리소스를 살펴보십시오.

  • Next.js 문서 - Next.js 기능 및 API에 대해 알아보십시오.
  • 다음.js- 대화식 Next.js 튜토리얼을 배우십시오.

편집기 문서

편집기 바로 가기 및 핫키에 대해 알아 보려면이 문서를 확인할 수 있습니다.

  • Markdoc 편집기 핫키 및 지름길

? E2E 테스트

E2E 테스트에 대한 자세한 내용은 여기에서 전용 문서를 참조하십시오.

? 문제

Codú 개선에 대한 아이디어를 논의하기 위해 문제를 열어 주신 것을 환영합니다. 개선은 권장되고 감사합니다.

확장하다
추가 정보
관련 애플리케이션
추천
관련 정보 전체