dawn

새벽

시작하기 | 새벽 변경으로 최신 상태를 유지합니다 | 개발자 도구 | 기고 | 행동 강령 | 테마 저장소 제출 | 특허

Dawn은 테마 개발에 대한 HTML-First, JavaScript만으로 필요한 접근 방식을 나타냅니다. 성능, 유연성 및 온라인 스토어 2.0 기능을 갖춘 Shopify의 첫 번째 소스 사용 가능한 테마입니다.

• 가장 순수한 형태의 웹 네이티브 : 테마는 상록 웹에서 실행됩니다. 우리는 최신 웹 브라우저를 최대한 활용하면서 폴리 플릴이 아닌 점진적인 향상을 통해 오래된 웹 브라우저에 대한 지원을 유지합니다.
• 린, 빠르고 신뢰할 수있는 : 기능과 디자인 기본값은이 요구 사항을 충족 할 때까지 "아니오"로 표시합니다. 품질에 대한 코드 선박. 테마는 목적으로 구축되어야합니다. Shopify의 각 기능을 지원해서는 안됩니다.
• 서버 렌더링 : HTML은 액체를 사용하는 Shopify 서버에서 렌더링해야합니다. 번역 및 머니 형식과 같은 비즈니스 로직 및 플랫폼 프리미티브는 클라이언트에 속하지 않습니다. 페이지의 일부의 비동기 및 주문형 렌더링은 괜찮지 만 점진적으로 향상된 것으로 드물게 수행합니다.
• 기능적, 픽셀-완벽한 기능 : 웹은 각 브라우저 엔진에 의해 각 페이지를 픽셀-완벽하게 렌더링 할 필요는 없습니다. 시맨틱 마크 업, 진보적 인 향상 및 영리한 디자인을 사용하여 브라우저에 관계없이 테마가 기능적으로 유지되도록합니다.

기여 가이드에서 더 자세한 테마 코드 원칙을 찾을 수 있습니다.

시작하기

Dawn을 테마 개발의 시작점으로 사용하는 것이 좋습니다. Shopify.dev에서 자세히 알아보십시오.

Shopify 테마 상점의 테마를 구축하는 경우 Dawn을 출발점으로 사용할 수 있습니다. 그러나 제출 한 주제는 판매자에게 부가 가치를 제공 할 수 있도록 새벽과 실질적으로 달라야합니다. 새벽을 사용할 수있는 방법에 대해 알아보십시오.

메인 브랜치에는 아직 해제되지 않은 기능에 대한 코드가 포함될 수 있습니다. Dawn의 "안정적인"버전은 테마 저장소에서 구입할 수 있습니다.

새벽 변경으로 최신 상태를 유지합니다

새벽 새벽에 새로운 테마를 구축한다고 가정하지만 여전히 최신 변경 사항을 가져올 수 있기를 원한다고 해도이 새벽 리포지토리를 가리키는 원격 upstream 를 추가 할 수 있습니다.

1. 로컬 테마 폴더로 이동하십시오.
2. 리모컨 목록을 확인하고 origin 과 upstream 이 있는지 확인하십시오.

git remote -v

3. upstream 이 보이지 않으면 Shopify의 새벽 리포지토리에 가리키는 것을 추가 할 수 있습니다.

git remote add upstream https://github.com/Shopify/dawn.git

4. 최신 새벽 변경 사항을 저장소로 가져옵니다.

git fetch upstream
git pull upstream main

개발자 도구

Shopify 테마 팀이 개발 중에 사용하는 매우 유용한 도구가 많이 있습니다. Dawn은 이미 이러한 도구를 사용하도록 설정되었습니다.

Shopify Cli

Shopify CLI는 Shopify 테마를 더 빨리 구축하고 지역 개발 워크 플로우를 자동화하고 향상시키는 데 사용됩니다. Shopify Store (예 : 생성, 게시, 테마 삭제)에서 테마 작업을 수행하거나 로컬 테마 개발을위한 개발 서버를 시작하는 데있어 Shopify 테마를 개발하기위한 다양한 명령과 함께 제공됩니다.

테마 개발자가 시작하기 위해이 빠른 시작 가이드를 따라갈 수 있습니다.

테마 확인

Shopify 테마를 검증하고 보라는 방법으로 테마 검사를 사용하는 것이 좋습니다.

우리는 Dawn의 VS 코드 확장 목록에 테마 검사를 추가 했으므로 Code의 코드 편집기로 Visual Studio Code를 사용하는 경우 Opening vs Code에서 테마 검사 대 코드 확장을 설치하라는 메시지가 표시됩니다. 포크와 복제 된 새벽.

다음 Shopify CLI 명령으로 터미널에서 실행할 수도 있습니다.

shopify theme check

지속적인 통합

Dawn은 Github 액션을 사용하여 테마의 품질을 유지합니다. 이것은 출발점이며 더 나은 테마를 구축 할 수 있도록 사용하는 것이 좋습니다. 자유롭게 구축하십시오!

Shopify/Lighthouse-Ci-Action

우리는 빠른 웹 사이트를 좋아합니다! 그렇기 때문에 Shopify/Lighthouse-Ci-Action을 만들었습니다. 이는 추가 된 코드가 시간이 지남에 따라 상점 프론트 성능을 저하시키지 않도록 매장에서 홈, 제품 및 컬렉션 페이지에 대한 일련의 Google Lighthouse 감사를 실행합니다.

shopify/테마-체크 액션

Dawn은 Shopify/Theme-Check-Action을 통해 모든 커밋에서 테마 검사를 실행합니다.

기여

새벽에 기여함으로써 모든 사람에게 상업을 더 좋게 만들고 싶습니까? 우리는 당신의 도움을 사랑합니다! 개발 프로세스에 대해 알아 보려면 기고 가이드를 읽으십시오. 버그 수정 및 개선 사항을 제안하는 방법 및 새벽 구축 방법.

행동 강령

코드 나 문제를 통해 기여하고자하는 모든 개발자는 먼저 당사의 행동 강령을 읽으십시오.

테마 스토어 제출

Shopify Theme Store는 Shopify 판매자가 비즈니스를 전시하고 지원하는 데 사용할 테마를 찾는 곳입니다. 테마 파트너로서 Shopify 테마 스토어를위한 테마를 만들고 점점 더 많은 기업가의 국제적인 청중에게 다가 갈 수 있습니다.

Shopify 테마 파트너가되고 Shopify 플랫폼의 테마를 구축하는 데 관심이있는 경우 테마 저장소 요구 사항 목록을 따라야합니다.

특허

Copyright (C) 2021-Present Shopify Inc.에 대한 자세한 내용은 라이센스를 참조하십시오.