apps

Daily.dev 앱 스위트

매일 보는 모든 것 .dev?

이 Monorepo에는 Daily.dev의 응용 프로그램 제품군이 포함되어 있습니다. 리포에는 웹 앱과 확장 기능이 포함되어 있으며 둘의 공유 구성 요소가 포함됩니다. Monorepo 접근 방식을 사용하면 응용 프로그램 제품군의 여러 부분에서 코드를 쉽게 공유하고 일관성을 유지할 수 있습니다. 이 결정은 더 빠른 반복을 허용하고 두 플랫폼 모두에서 기능 패리티를 유지하기로 결정했습니다.

기술

• 노드 v22.11 (a .nvmrc 는 NVM 사용자를 위해 제공됩니다).
• Monorepo 및 종속성 관리를위한 PNPM.

프로젝트

패키지

Daily.dev 애플리케이션 제품군에 사용되는 소규모 프로젝트 또는 라이브러리 모음이 포함되어 있습니다. 다음은 언급 된 각 패키지에 대한 간단한 개요입니다.

• eslint-config

  프로젝트 전반에 걸쳐 일관된 코드 품질을 유지하기위한 ESLINT 설정을 공유했습니다.

• eslint-rules

  일관된 색상 사용을 시행하는 규칙을 포함하여 프로젝트의 규칙 세트를 정의하는 사용자 정의 Eslint 플러그인.

• 확대

  브라우저 확장 프로젝트. 브라우저 확장을위한 웹 팩 구성 및 확장을위한 전용 구성 요소가 포함되어 있습니다.

• 더 예쁘다

  이 repo의 모든 프로젝트에 대한 더 예쁜 설정을 공유했습니다.

• 공유

  주요 프로젝트에는 응용 프로그램에 사용 된 대부분의 구성 요소가 포함되어 있습니다. 두 플랫폼에서 모두 사용해야하는 모든 구성 요소는이 프로젝트에 배치해야합니다. 여기에는 설계 시스템 구성 요소, 사용자 정의 후크 등이 포함됩니다.

• 스토리 북

  프로젝트의 스토리 북 구성은 UI 구성 요소를 분리하고 전시하는 데 사용됩니다.

• webapp

  웹 앱 프로젝트. 이것은 다음.js 프로젝트이며 등록 페이지, 게시물 페이지, 프로필 페이지 등과 같은 확장자보다 더 많은 페이지가 있습니다. 자세한 내용은 여기를 클릭하십시오.

지역 환경

지역 환경을 회전 시키려면 GitPod를 사용하는 것이 좋습니다. 위에 GITPOD 버튼이 있으며 모든 것이 이미 구성되어 있으며 상자에서 작동해야합니다. 그것을 클릭하고 롤하자!

참고 : 공식 문서를 사용하여 GITPOD를 시작하는 체크 아웃. GitPod를 처음 접한다면 걱정하지 마십시오.이 프로젝트를 즉시 시작하는 데 도움이되는 간단하고 강력한 도구입니다.

도와주고 싶습니까?

따라서 Daily.dev App Suite에 기여하고 영향을 미칩니다. 우리는이를 듣고 기쁩니다. ?

당신이 진행하기 전에 우리는 모든 것을 훨씬 쉽게 만들 수있는 몇 가지 기여 지침이 있습니다.

시간을 전념하고 신중하게 읽어 주시면 감사하겠습니다 : https://github.com/dailydotdev/.github/blob/master/contributing.md

부트 스트랩 프로젝트

프로젝트를 복제 한 후 프로젝트를 부트 스트랩하기 위해 다음 명령을 실행하십시오.

npm i -g [email protected]
pnpm install

로컬로 확장을 실행하십시오

Chrome의 예 :

• pnpm --filter extension dev:chrome 실행하십시오
• Chrome을 열고 chrome://extensions/
• 오른쪽 상단에서 Developer mode 활성화합니다
• Load unpacked 를 클릭하고 packages/extension/dist/chrome 폴더를 선택하십시오
• 확장자가로드되어야하며 확장자 목록에서 볼 수 있어야합니다.
• 확장을 활성화하고 완료되면 비활성화하는 것을 잊지 마십시오.
• 충돌을 일으킬 수 있으므로 설치 한 경우 생산 확장을 비활성화합니다.