dawn

Amanecer

Comenzando | Mantenerse al día con los cambios de amanecer | Herramientas para desarrolladores | Contribuyente | Código de conducta | Envío de la tienda temática | Licencia

Dawn representa un enfoque HTML-First y JavaScript solo para el desarrollo del tema. Es el primer tema disponible de Shopify con rendimiento, flexibilidad y tienda en línea 2.0 presenta incorporadas y actúa como referencia para la construcción de temas de Shopify.

• Web-Native en su forma más pura: temas ejecutados en la web Evergreen. Aprovechamos los últimos navegadores web al máximo, al tiempo que mantenemos el soporte para los más antiguos a través de la mejora progresiva, no los polyfills.
• Lean, rápido y confiable: la funcionalidad y el diseño predeterminados a "no" hasta que cumpla con este requisito. Código de barcos de calidad. Los temas deben construirse con un propósito. No deberían admitir todas y cada una de las funciones de Shopify.
• Renderizado por el servidor: los servidores Shopify deben representar HTML utilizando Liquid. La lógica de negocios y las primitivas de la plataforma, como las traducciones y el formato de dinero, no pertenecen al cliente. La representación de asíncrata y a pedido de las partes de la página está bien, pero lo hacemos con moderación como una mejora progresiva.
• Funcional, no perfecto: la web no requiere que cada página sea renderizada por cada motor del navegador. Usando marcado semántico, mejora progresiva y un diseño inteligente, nos aseguramos de que los temas permanezcan funcionales independientemente del navegador.

Puede encontrar una versión más detallada de nuestros principios de código de tema en la Guía de contribución.

Empezando

Recomendamos usar Dawn como punto de partida para el desarrollo de temas. Obtenga más información sobre Shopify.dev.

Si está construyendo un tema para la tienda de temas de Shopify, puede usar el amanecer como punto de partida. Sin embargo, el tema que envía debe ser sustancialmente diferente del amanecer para que proporcione valor agregado para los comerciantes. Aprenda sobre las formas en que puede usar el amanecer.

Tenga en cuenta que la rama principal puede incluir el código para las características que aún no están lanzadas. La versión "estable" de Dawn está disponible en la tienda de temas.

Mantenerse al día con los cambios en el amanecer

Digamos que está construyendo un nuevo tema en Dawn, pero aún así desea poder obtener los últimos cambios, puede agregar un remoto upstream que apunta a este repositorio de amanecer.

1. Navegue a su carpeta de tema local.
2. Verifique la lista de controles remotos y valida que tiene un origin y upstream :

git remote -v

3. Si no ve un upstream , puede agregar uno que apunte al repositorio de Dawn de Shopify:

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

4. Extrae los últimos cambios de amanecer en su repositorio:

git fetch upstream
git pull upstream main

Herramientas para desarrolladores

Hay una serie de herramientas realmente útiles que el equipo de Shopify Temas usa durante el desarrollo. Dawn ya está configurado para trabajar con estas herramientas.

Shopify CLI

Shopify CLI lo ayuda a construir temas de Shopify más rápido y se utiliza para automatizar y mejorar su flujo de trabajo de desarrollo local. Viene incluido con un conjunto de comandos para desarrollar temas de Shopify, todo desde trabajar con temas en una tienda Shopify (por ejemplo, creación, publicación, eliminación de temas) o lanzar un servidor de desarrollo para el desarrollo de temas locales.

Puede seguir esta guía de inicio rápido para que los desarrolladores de temas comiencen.

Cheque de tema

Recomendamos usar el cheque de temas como una forma de validar y pelear sus temas de Shopify.

Hemos agregado una verificación de temas a la lista de extensiones de código VS VS, por lo que si está utilizando el código de Visual Studio como su editor de código de elección, se le pedirá que instale la extensión del código VS al abrir el código VS después de haber Bifurcado y clonado Dawn.

También puede ejecutarlo desde una terminal con el siguiente comando Shopify CLI:

shopify theme check

Integración continua

Dawn utiliza acciones de GitHub para mantener la calidad del tema. Este es un punto de partida y lo que sugerimos usar para garantizar que esté construyendo mejores temas. ¡Siéntete libre de construirlo!

Shopify/Lighthouse-Ci-Action

¡Nos encantan los sitios web rápidos! Es por eso que creamos Shopify/Lighthouse-Ci-Action. Esto ejecuta una serie de auditorías de Google Lighthouse para las páginas de casa, productos y colecciones en una tienda para garantizar que el código que se agregue no degrada el rendimiento de la tienda con el tiempo.

Shopify/Theme-Check-Action

Dawn ejecuta el cheque de temas en cada compromiso a través de Shopify/Theme-Check-Action.

Que contribuye

¿Quieres mejorar el comercio para todos contribuyendo al amanecer? ¡Nos encantaría tu ayuda! Lea nuestra guía de contribución para conocer nuestro proceso de desarrollo, cómo proponer correcciones de errores y mejoras, y cómo construir para el amanecer.

Código de conducta

Todos los desarrolladores que desean contribuir a través del código o los problemas, primero lea nuestro código de conducta.

Envío de la tienda temática

La tienda de temas de Shopify es el lugar donde los comerciantes de Shopify encuentran los temas que usarán para exhibir y apoyar sus negocios. Como socio temático, puede crear temas para la tienda de temas de Shopify y llegar a una audiencia internacional de un número cada vez mayor de empresarios.

Asegúrese de seguir la lista de los requisitos de la tienda temática si está interesado en convertirse en un socio temático de Shopify y construir temas para la plataforma Shopify.

Licencia

Copyright (c) 2021-presente Shopify Inc. Consulte la licencia para obtener más detalles.